Skip to main content
SimilarExport ZIP
100%

Line Chart

✓ Published1🌍 Public
Pphemmati
Last edited Feb 14, 2020
Created on Feb 14, 2020
Forked from HTML Starter

This line chart shows passenger counts for US airlines over time, with each airline represented as a separate colored line. The visualization uses D3.js v4 to render SVG paths and scales, with data embedded directly in the script. The chart includes axes labeled with dates and passenger numbers, and is styled with custom CSS for line thickness and font. The visualization is part of a larger air traffic dashboard for San Francisco Airport, presented within a Bulma-styled HTML page.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart

This line chart visualizes the popularity of US airlines based on passenger numbers at San Francisco Airport from 2005 to 2019. The D3 v4 implementation renders an SVG chart with smooth animated lines, using the Bulma CSS framework for page styling. The visualization compares passenger volumes across multiple airlines over time, with data structured as arrays of date-value pairs. The code includes axis rendering, styled line paths, and interactive navigation within a React-based gallery page.

Pphemmati
93% match
Loading thumbnail…

Line Chart

This example visualizes air traffic passenger statistics for San Francisco Airport from 2005 to 2019, showing trends for multiple airlines such as Alaska and American. Multi-line charts display passenger counts over time for each carrier, with lines distinguished by color. The visualization is rendered as SVG with animation using D3.js v4, leveraging D3 scales and axes to map dates and passenger numbers. The data is embedded directly in the page's JavaScript, and the interface is styled with the Bulma CSS framework.

AApollox01
90% 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
89% match
Loading thumbnail…

Line Chart

This line chart compares the popularity of U.S. airlines by passenger count over time, colored by carrier and showing a notable rise for United Airlines between 2012 and 2018. The SVG visualization is built with D3.js v4 within a React framework, using the `d3.scaleLinear` and `d3.axisBottom` APIs to map data from a CSV file. The chart contrasts a D3-rendered interactive plot with a static Tableau image, both displaying trends in domestic and international flight passengers from 2005 to 2019.

Pphemmati
88% match
Loading thumbnail…

Line Chart

This line chart visualizes air traffic passenger statistics for San Francisco Airport from 2005 to 2019, comparing annual passenger numbers for multiple airlines. The chart displays each airline as a separate colored line, with year on the x-axis and passenger counts on the y-axis. It uses React and D3 v4 to render an SVG-based chart with animated transitions between states. The data is embedded directly in the page, and the visualization uses D3’s scale functions and axis components to map the temporal and numerical dimensions.

AApollox01
88% match
Loading thumbnail…

Untitled

This interactive line chart displays the number of passengers for seven U.S. airlines from 2000 to 2015, with each airline represented by a colored line. Users can hover over a line to highlight it and dim the others, while moving the mouse over a line reveals the airline’s name at the top of the chart. The visualization uses d3.nest to group the data by airline, d3.scaleTime and d3.scaleLinear for axes, and d3.line for path generation. SVG rendering with CSS transitions animates opacity and stroke-width changes during hover interactions.

Pphemmati
85% match
Loading thumbnail…

Line Chart

This line chart displays the number of flights over time from the US Airline Traffic Dataset. A light gray background rect marks the plotting area, with a black line connecting data points and circles highlighting each observation. The visualization uses D3's `scaleTime`, `scaleLinear`, and `line` functions, with axes and labels from `@curran/axis-labels`. The code imports data via `@Ljz2018/us_airline_traffic` and renders the chart into an SVG container.

MM Hema
85% match
Loading thumbnail…

Line Chart - US Airline Traffic - Number of Flight

This line chart visualizes monthly US airline traffic from 2003 onward, plotting the number of flights over time. The chart uses a light gray inner rectangle to highlight the plotting area, with black axes and labels for time and flight counts. It is built with D3 scales (`scaleTime`, `scaleLinear`), axes (`axisLeft`), and a line generator. The data comes from the US Airline Traffic Dataset, with each row containing yearly and monthly flight statistics. Circles and opacity settings are defined but not rendered, as the visualization focuses on the line path.

Llingjizhu@gmail.com
85% match