Skip to main content
SimilarExport ZIP
100%

Flight count by year

✓ Published3🌍 Public
Rrohame
Last edited Sep 18, 2019
Created on Sep 8, 2019

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.

AI-generated description

Visualize my number of flights in 2010s. Dataset is here.

MIT Licensed

Similar vizzes

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
77% 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
76% match
Loading thumbnail…

Name,Gender, Total Flights

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.

Mm1k3yp
76% match
Loading thumbnail…

Line Chart

This line chart shows the number of passengers using different airlines from 2005 to 2019, with each airline’s trend encoded by a distinct color. The vertical axis represents passenger counts, the horizontal axis indicates the year, and it includes both domestic and international flights. It uses d3.v4 with SVG rendering, where the `line()` generator creates the paths and `d3.scaleTime` maps the time data. The design includes axis labels, a legend to identify airlines, and smooth animated transitions via `transition.attrTween` to update the lines.

Pphemmati
73% match
Loading thumbnail…

Line chart

This line chart displays flight charges over a range of years, using a time-scaled x-axis and a linear y-axis. The visualization is rendered as an SVG using D3 v5, with data loaded from an external CSV file. The code employs D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to plot the trend. Axis labels and tick marks are configured with custom margins, and the line path is styled with a blue stroke.

SSaiipriiya
73% match
Loading thumbnail…

Line Chart shows the number of launches per year

This line chart shows the number of launches per year from 1950 to 2020, with each company represented by a distinct color and a tooltip displaying the company name and mission count on hover. Built with vega-lite-api, vega-tooltip, and d3.v5, it uses vl.markLine, vl.x().timeUnit('year'), and vl.y().count() to aggregate the Space_Missions.csv dataset, which is loaded via d3.csv. The visualization renders in SVG with a custom config for axis styling and fills the viewport.

Nnaisargidave
71% match
Loading thumbnail…

Line Chart shows the number of launches per year

This line chart shows the number of launches per year from 1950 to 2020, with each company represented by a distinct color and a tooltip displaying the company name and mission count on hover. Built with vega-lite-api, vega-tooltip, and d3.v5, it uses vl.markLine, vl.x().timeUnit('year'), and vl.y().count() to aggregate the Space_Missions.csv dataset, which is loaded via d3.csv. The visualization renders in SVG with a custom config for axis styling and fills the viewport.

Nnaisargidave
71% match
Loading thumbnail…

US Airline Traffic - Number of Flight

This scatter plot displays the total number of US airline flights per month from 2003 to 2019, with each circle colored by its month. The visualization uses D3.js to map the year and flight count onto x and y axes, respectively, while a paired color scheme distinguishes the twelve months. Data comes from the US Airline Traffic dataset, rendered with semi-transparent circles to reveal overlapping points. The code leverages D3's `scaleLinear`, `scaleOrdinal`, and `schemePaired` for scaling and coloring, with axis labels added via the `@curran/axis-labels` library.

Llingjizhu@gmail.com
71% match