Skip to main content
SimilarExport ZIP
100%

Untitled

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

This visualization displays air traffic passenger statistics for San Francisco Airport from 2005 to 2019, using multi-series line charts to compare passenger volumes across airlines like Alaska and American. The code uses D3 v4 to create SVG-based line charts with scaling axes and path generation. Data is embedded directly in the script as JavaScript arrays. The visualization is styled with Bulma CSS for the header and navigation, with Font Awesome icons, and initializes the chart in a div element with the ID “chart.”

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

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
89% 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
86% match
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
85% match
Loading thumbnail…

Line Chart

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.

Pphemmati
84% 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
82% match
Loading thumbnail…

CS 360 Final Project |ALPHA RELEASE| Bar Chart

This bar chart visualizes average passenger counts for airlines at San Francisco International Airport (SFO) in 2021, using data loaded from a TSV file. It displays categorical airline names on the x-axis and numeric passenger averages on the y-axis, with bars colored via a linear blue scale. The visualization is built with D3 v4, utilizing `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for tick labels. Bars are drawn as SVG rectangles, with colors mapped using `d3.schemeBlues`. The chart includes custom axis titles and a title, all within an SVG canvas.

Ddarrenisdunn
80% match
Loading thumbnail…

Fork of Untitled

This double line chart compares monthly passenger counts for United Airlines and American Airlines at San Francisco International Airport from January to June 2021. The visualization uses d3.nest to group data by airline, then draws two paths with d3.line, scaling the Month and APC values with d3.scaleLinear. Color is applied via d3.scaleOrdinal, with axes rendered using d3.axisBottom and d3.axisLeft. The data originates from the sfo_data.tsv file, and the SVG output uses an ordinal palette of red and blue.

Ddarrenisdunn
80% match
Loading thumbnail…

Flights

This visualization, titled "Flights," presents monthly passenger traffic statistics for San Francisco International Airport, drawn from Datazar data spanning 2010 to early 2016. The dataset includes airline, route type (domestic/international), region, terminal, boarding area, and enplaned/deplaned passenger counts. Rendered as an SVG using D3 v4, the chart is built from scratch in D3 and visually encodes the passenger volumes per airline and region, with the author using Scott Murray's book as a reference for constructing the custom layout.

CCJKraenzle
80% match