Skip to main content
SimilarExport ZIP
100%

Line Graph

✓ Published0🌍 Public
RRohith Reddy
Last edited Mar 30, 2023
Created on Mar 30, 2023
Forked from Line Graph

This line graph visualizes the total ticket sales of Southwest Airlines over time, with the x-axis showing years and the y-axis displaying sales figures. The chart is rendered as an SVG using D3 v5, employing `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and a `line` generator to plot the data. Data is loaded from a CSV file hosted on GitHub, with date parsing and numeric conversion applied before rendering. The graph includes labeled axes, a title, and a styled red line path, while gridlines are created via tick sizing.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart

This line chart visualizes US auto sales from 2005 to 2022, plotting airline prices over time. The data is loaded from a CSV file using d3.csv, then rendered as an SVG path generated by d3.line. It uses d3.scaleTime and d3.scaleLinear to map the x and y dimensions, with axes created via d3.axisBottom and d3.axisLeft. The chart includes labeled axes and a title, with gridlines drawn through tick size extensions. The line path is styled with a red stroke.

AAkrutiKhurana2103
75% 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
74% 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
73% match
Loading thumbnail…

Line Chart

This line chart visualizes annual sales data, displaying the trend of sales values over time on a red path. The SVG chart uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to construct the axes and line generator. It parses dates with `d3.timeParse` and loads data from an external CSV file. Grid lines are styled through tick marks, with blue tick labels and a rotated Y-axis label for clarity.

KKiran3295
73% match
Loading thumbnail…

Line chart

This line chart visualizes yearly sales data using a time-series line graph. The SVG rendering uses D3.js v7 with `d3.csv` for data loading, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` for axes, and `d3.line` to generate the path. Data comes from a remote CSV file accessed via a gist URL.

Rr79162810@gmail.com
73% match
Loading thumbnail…

line chart

This line chart shows total electronic sales over time, with years on the x-axis and sales figures on the y-axis. The visualization uses an SVG canvas with D3 v5, importing specific functions like `scaleLinear`, `scaleTime`, `axisLeft`, `axisBottom`, and `line` to generate the plot. Data is loaded from a CSV file via the `csv` function and parsed with `d3.timeParse` to format date values. The chart includes grid lines, axis labels, and a black line path styled with CSS class `.line_path`, all rendered using D3’s low-level SVG API.

Kkranthireddyskr
73% 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 visualizes vehicle sales in Texas from 1999 to 2012, using a time-scaled x-axis for years and a linear y-axis for sales figures sourced from a CSV file. Built with React and D3 v5, the SVG rendering uses `scaleTime`, `scaleLinear`, `line`, and `axisBottom`/`axisLeft` APIs to draw the path, gridlines, and labeled axes. The chart includes a title, rotated y-axis label, and brown stroke styling, with data loaded via `d3.csv`.

Vvenkatajayanth03
72% match