Bar Chart

100%

✓ Published0🌍 Public

Last edited Feb 14, 2020

Created on Feb 14, 2020

This bar chart visualizes passenger volumes by region for San Francisco Airport, showing that the US dominates with over 487 million passengers, followed by Asia and Europe. Built with D3 v5 and SVG, the visualization uses `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis, with data loaded from a CSV file via `d3.csv`. The chart features purple bars that turn brown on hover, with axis labels applied through `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

A bare minimum HTML page.

Similar vizzes

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

83% 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

81% match

Loading thumbnail…

CS360 FINAL PROJECT Bar Chart Darren Dunn

This bar chart displays the average monthly passenger counts for airlines operating out of San Francisco in 2021, sorted vertically by airline name. The visualization uses d3.scaleBand for the categorical y-axis and d3.scaleLinear for the numeric x-axis, rendering horizontal bars as SVG rectangles. Data is loaded asynchronously via d3.tsv from a remote GitHub gist, with axis labels and tick marks generated using d3.axisBottom and d3.axisLeft. Bar color is a uniform dark teal, and the chart includes rotated x-axis labels for readability.

Ddarrenisdunn

81% match

Loading thumbnail…

Monthly Passenger Count for Year 2019

This grouped bar chart shows monthly passenger counts for domestic and international flights at San Francisco airport in 2019. The visualization uses d3.nest() to aggregate and group the CSV data by month and flight type, with d3.scaleBand for the x-axis and d3.scaleLinear for the y-axis. Bars are rendered as SVG rects with color encoding via d3.scaleOrdinal, and axes use d3.axisBottom and d3.axisLeft with custom time and count formatters. Data comes from DataSF’s Air Traffic Passenger Statistics dataset.

NNikhil Bhutani

81% 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

81% 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

79% match

Loading thumbnail…

Air Traffic Demographics for 2019

This visualization shows monthly air traffic passenger counts at San Francisco International Airport from January to September 2019, split by domestic and international flights. Blue bars represent domestic passengers, while orange bars represent international passengers, with bar length indicating passenger volume. The chart uses d3.scaleBand and d3.scaleLinear to position grouped bars, with d3.axisBottom and d3.axisLeft for the axes. Data is loaded from a CSV file using d3.csv and rendered as SVG with an animation transition. Source: DataSF air traffic statistics.

AAryan Dilip Choudhary

79% match

Loading thumbnail…

airports

This bar chart displays airport data from a CSV file, listing airport codes along the y-axis and their population values along the x-axis. The visualization uses D3 v7 to load the data, create linear and band scales, and render axes using D3's axis functions. The chart is drawn with SVG elements, where each rectangular bar is filled with a steel-blue color, and the SVG canvas is set to 960 by 400 pixels. The code converts population strings to numbers before rendering the scaled bars.

YYi Changsheng

78% match