Fork of Untitled

CS360 FINAL PROJECT Line Chart Darren Dunn

This chart shows a line graph comparing the monthly average passenger counts for United and American Airlines at SFO from January through June 2021. The visualization uses D3.js v4 to render an SVG, reading data from a TSV file. The code groups the data by airline using a `d3.nest` key function, then draws a separate colored path for each carrier with `d3.line`, scaled by a linear `d3.scaleLinear` for both the month (x-axis) and passenger count (y-axis). The final chart color palette maps airline names to blue and light blue.

Ddarrenisdunn

84% match

Untitled

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.”

80% match

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.

78% match

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

78% match

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.

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.

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

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