Name,Gender, Total Flights

100%

Name,Gender, Total Flights

✓ Published0🌍 Public

Last edited Oct 20, 2020

Created on Oct 20, 2020

This example visualizes airline passenger data by country, gender, and total flights. A scatterplot encodes country on the x-axis, total flights on the y-axis, and uses circle size to represent flight counts, with gender distinguishing color and tooltips revealing passenger names. The visualization uses vega-lite-api to construct the specification, with vega and vega-lite rendering the chart, while d3.csv loads the dataset from a GitHub repository. The config module customizes axis and label styling for improved readability.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Vega-Lite FLights by Country

This visualization shows the number of flights per country as a bar chart, with each bar colored by country and sized proportionally to the flight count. It uses the Vega-Lite API to encode the data, with country on the x-axis and an aggregated count of flights on the y-axis, displayed as bars with a fixed size and full opacity. The data is loaded asynchronously via d3.csv from a raw GitHub dataset, and the chart is rendered to SVG using the Vega-Lite runtime with a custom config for axis styling and tooltip support.

Mm1k3yp

77% match

Loading thumbnail…

Flight count by year

This line chart displays the number of flights per year from a personal itinerary dataset. Styled with a bold orange stroke, the visualization aggregates flight counts by year, with tooltips showing the total. Built using Vega-Lite and rendered through the vega-lite-api, the chart loads data from a remote CSV via `d3.csv`, applies a custom configuration for axis and label styling, and fits its dimensions to the window.

Rrohame

76% match

Loading thumbnail…

Student count for Each department

A scatter plot presents the average female student count against the average male student count for each department, with color encoding for the major category and tooltips revealing the specific module. Data is loaded from a CSV file via d3.csv. The visualization is built using the vega-lite-api, which layers vega-lite specifications and renders with the vega engine. Circle size is fixed, while axis and style configurations improve readability.

Mmarksampras

72% match

Loading thumbnail…

Flight count on Origins

This interactive scatterplot visualizes the number of flights aggregated by origin airport, with each point representing a single origin and its count on the y-axis. The code uses Vega-Lite API to define the markCircle encoding, while the underlying data is loaded via d3.csv from a GitHub-hosted itinerary dataset. The visualization is rendered in an SVG canvas using vega and vega-lite, with tooltip support provided by vega-tooltip. Axes are customized through a config object that removes domains and adjusts label and title font sizes for readability.

Rrohame

72% match

Loading thumbnail…

Student count for Each department

A scatter plot shows the relationship between female and male student counts across academic departments, with each circle colored by major category and a tooltip revealing the module name. The visualization uses the vega-lite-api library to define the chart specification, loading data from a CSV file via d3.csv. It renders through vega-lite and vega, with a custom dark-themed configuration for axes and labels. The circle size is fixed rather than encoding a third variable, and the chart fills the browser window.

KKeerthiKandadai

70% match

Loading thumbnail…

Gapminder Population Growth in Vega-lite

This example visualizes Gapminder population growth data by plotting each country as a circle on a scatterplot, with the year on the x-axis, total population on the y-axis, and circle size and color encoding population magnitude and country identity. The visualization is built using the Vega-Lite API, which registers with Vega and Vega-Lite, and loads the CSV data via d3.csv. It applies a custom configuration for axis styling and uses a tooltip handler to display country names on interaction.

Llakalia@wpi.edu

70% match

Loading thumbnail…

Scatter Plot w/ Vega Lite API : Country, Religion, Population

This scatter plot visualizes the relationship between countries, religions, and population sizes. Each circle represents a country, positioned by its name and dominant religion, with the circle’s area encoding population magnitude. The visualization leverages the Vega Lite API, registered with Vega and Vega-Lite, to render the chart, while D3.js handles CSV data loading from a remote gist. A tooltip displays each country’s population on hover.

Hhunsingeruk@gmail.com

69% match

Loading thumbnail…

scatterplot

This scatter plot visualizes the relationship between Age and Fare from a CSV dataset, with points colored by Sex. The visualization alternates between two subsets of the data every five seconds, dynamically resizing the SVG to fit the browser window. Built with D3.js, it uses the scatterPlot module and responsive-axes library to generate linear scales, axis labels, and semi-transparent circles. The code loads data via d3.csv, parses numeric fields, and employs setInterval to toggle between the two plot views, demonstrating a simple animated data exploration technique.

Vvishnupriya eupuri

69% match