Line_Chart

100%

✓ Published1🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

This line chart shows the number of passengers flown by Qatar Airways from 2011 to 2021. The x-axis encodes years while the y-axis maps passenger counts, with a single maroon line tracing the trend over time. The visualization uses d3.scaleTime and d3.scaleLinear to map data, d3.axisBottom and d3.axisLeft for axes, and d3.line to generate the path. Data is loaded via d3.csv from a GitHub gist, with dates parsed using d3.timeParse. The SVG is rendered with grid lines and styled axis labels.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Area_Chart

This area chart shows the number of passengers traveling with Qatar Airways from 2011 to 2021, drawn as a smooth, maroon-filled curve with a black outline. Using D3 v5, the code loads CSV data, parses dates with `d3.timeParse`, and builds scales with `scaleTime` and `scaleLinear`. It generates the line and area paths with `d3.line` and `d3.area`, applies `curveBasis` for smoothing, and renders axes with grid lines via `axisBottom` and `axisLeft`.

AAkrutiKhurana2103

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

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

72% match

Loading thumbnail…

Line chart

This line chart displays flight charges over a range of years, using a time-scaled x-axis and a linear y-axis. The visualization is rendered as an SVG using D3 v5, with data loaded from an external CSV file. The code employs D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to plot the trend. Axis labels and tick marks are configured with custom margins, and the line path is styled with a blue stroke.

SSaiipriiya

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

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

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

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

67% match