Skip to main content
SimilarExport ZIP
100%

Line Graph (d3)

✓ Published0🌍 Public
SShayRomayo
Last edited Mar 30, 2018
Created on Mar 30, 2018

This line graph shows the number of delayed flights for Atlanta’s Hartsfield-Jackson International Airport across each month of 2004, with the x-axis representing time and the y-axis representing delay counts. The visualization uses D3 v4 to parse the CSV data, filter it by year and airport code, and render an SVG path via the `d3.line` generator. Axes are added with `d3.axisBottom` and `d3.axisLeft`, and the chart includes a title indicating the airport and year.

AI-generated description

Similar vizzes

Loading thumbnail…

Trellis Plot (d3)

This visualization displays the number of delayed flights in 2004 for three airports (ATL, BOS, LAX), broken down by month. It is a trellis plot constructed with d3.v4, using an SVG rendering. The code loads data from a CSV file, filters it by the specified airports and year, and uses `d3.scaleBand` and `d3.scaleLinear` to position bars. Twelve separate x-axes are drawn, one per month, with a shared y-axis, showing monthly delay counts for each airport.

SShayRomayo
80% match
Loading thumbnail…

Bar Graph (d3)

This bar graph displays the number of delayed flights for various U.S. airports in July 2003, sourced from an airlines CSV file. It uses d3.v4 with an SVG rendering approach, employing `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate the axes. The data is filtered by the label “2003/07” before being plotted as steel-blue rectangles.

SShayRomayo
79% match
Loading thumbnail…

Bivariate Scatterplot (d3)

This scatterplot displays the relationship between total flights and delayed flights for a single month, with each circle representing an airport and labeled by its code. The visualization uses D3 v4 to load CSV data, filter for October 2003, and render SVG circles positioned via d3.scaleLinear. The x-axis maps total flights while the y-axis maps delayed flights, and text labels are placed above each point. Axes are generated with d3.axisBottom and d3.axisLeft, with custom titles and a chart heading.

SShayRomayo
79% match
Loading thumbnail…

A4 - Bar Chart in D3

This bar chart visualizes the number of delayed flights for various airports using data from a CSV file of airline statistics. Rendered using SVG, the visualization uses D3.js scales and axes to map airport codes along the x-axis and delay counts along the y-axis. Each bar is colored turquoise, with values labeled above the bars. The chart highlights comparative delays across airports, allowing viewers to quickly identify those with higher congestion or operational issues. The implementation leverages d3.select, d3.csv, d3.scaleBand, and d3.scaleLinear to structure the data and layout.

Bbhavi.kenia@gmail.com
77% match
Loading thumbnail…

Trivariate Scatterplot (d3)

This example visualizes airline performance data for October 2003, plotting the total number of flights against the number of on-time flights for major U.S. airports. Each circle represents an airport, with its size encoding the count of delayed flights, and airport codes label each point. The visualization uses d3.csv to load the data, d3.scaleLinear for positioning and sizing, and d3.axisBottom and d3.axisLeft to render the axes. A legend in the right margin shows the mapping between circle radius and delay count, while the filtered dataset focuses on a single month from the airlines.csv file.

SShayRomayo
76% match
Loading thumbnail…

A7 - Multi Line Chart

This multi-line chart displays the yearly number of delayed flights for four airports—IAD, DCA, SFO, and LAX—from 2003 to 2016. It uses `d3.csv` to load the data, `d3.scaleLinear` for the x and y axes, and a `d3.line` generator to draw each line. The code groups data by `Airport.Code` with `d3.group`, colors lines via a `d3.scaleOrdinal`, and renders an SVG with an axis, title, and a `d3.legendColor` legend. Y-axis values reach up to roughly 52,000 delayed flights per year.

Rronnieferrufino4908@gmail.com
76% match
Loading thumbnail…

Assignment 5: line chart with D3

This line chart visualizes monthly airline delay counts from June 2003 to July 2016, comparing three delay types: Carrier, Late Aircraft, and National Aviation System delays. The chart uses a time scale for the x-axis spanning over 13 years, with data points horizontally offset within each month to reduce overlap. Built with D3 v7, it loads CSV data via `d3.csv`, parses dates with `d3.timeParse`, and renders SVG paths using `d3.line` with monotone curve interpolation. Interactive tooltips appear on mouseover, and axes use `d3.axisBottom` with custom month formatting.

Hhxu51@usfca.edu
75% match
Loading thumbnail…

Fork of Assignment 5: line chart with D3

This interactive line chart visualizes monthly airline delay statistics from 2003 to 2016, comparing carrier delays, late aircraft delays, and national aviation system delays. Users can filter by year range and toggle delay categories, with hover tooltips and brush zooming for detailed exploration. Built with D3.js v7, the visualization uses d3.line, d3.axisBottom, d3.axisLeft, and d3.brush to render SVG paths, axes, and interactive selection. Data is loaded from a CSV file and processed as time-series values, with animated transitions when filters change.

NNita
75% match