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…

ScatterPlotData

This scatter plot displays the relationship between the year and the number of aboard passengers for five major airlines, with each operator distinguished by color from a category20 scheme. The visualization is built using Vega-Lite and D3 v5, loading data from a CSV file via D3's `csv` function. The chart renders as SVG, with tooltips displaying the operator name. Configurations customize axis tick colors and guide label styles.

Aanusharamana0@gmail.com

78% match

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…

Fork of Crop_Yield Data

A scatter plot displays annual airline passenger counts for five operators—Aeroflot, United Air Lines, Pan American World Airways, American Airlines, and Northwest Orient Airlines—filtered from a remote CSV dataset. Each circle encodes the year on the x-axis, passenger volume on the y-axis, and operator via color. Built with Vega-Lite and rendered through the vega-lite-api, the visualization loads data using d3.csv, applies custom axis styling from config.js, and includes interactive tooltips.

Nnavyasrimeka9@gmail.com

74% 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…

A4 - Scatter Plot in D3

This example visualizes the total number of flights per year from 2003 to 2016 as a scatter plot, where each point represents the total flights for a particular year. The visualization uses D3.js version 7 to render circles on an SVG canvas, with the x-axis mapping years using `d3.scaleBand()` and the y-axis using a linear scale via `d3.scaleLinear()`. Data is loaded from a CSV file using `d3.csv()`, with axes and labels created through `d3.axisBottom()` and `d3.axisLeft()`. The code originates from a VizHub v3 project that supports interactive widgets and continuous hot reloading.

Rronnieferrufino4908@gmail.com

71% match

Loading thumbnail…

activity_10

This example displays a pie chart of travel expenses aggregated by traveler gender, using data loaded from a CSV file via a GitHub gist. It shows the proportion of total accommodation and transportation costs attributed to male and female travelers, with a legend and percentage labels for each segment. The visualization is built with D3.js v7, using `d3.csv` for data fetching, `d3.pie` and `d3.arc` for the chart geometry, and a `d3.scaleOrdinal` for color encoding. Text annotations and a legend are rendered directly in SVG.

Rrajkodavati7@gmail.com

70% match