Line Chart

100%

✓ Published1🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

This line chart visualizes electronic sales in India from 2000 to 2013, with years on the x-axis and sales values on the y-axis. It uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generator to render an SVG path with blue strokes and green tick labels. Data is loaded as CSV from a GitHub Gist via `d3.csv` and parsed into `Date` and numeric values. The chart includes axis labels, titled text, and a grid-like structure created with tick lines.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Line Chart

This line chart displays electronic sales in India from 2000 to 2013, with time on the x-axis and sales values on the y-axis. The visualization uses d3.scaleTime and d3.scaleLinear to map data from a CSV file loaded via d3.csv. It renders an SVG path generated with d3.line, with axes created using d3.axisBottom and d3.axisLeft. Grid lines, axis labels, and a title are styled through CSS rules defined in style.css.

Ppavankalyan1507

93% match

Loading thumbnail…

Line Chart

This line chart visualizes automobile sales in India from 1999 to 2013, plotting yearly electronic sales data loaded from a CSV file via the `d3.csv` function. The chart clearly shows sales trends over time with a blue path stroke, using a time-scale for the x-axis and a linear scale for the y-axis. The React-based code employs D3 v5 APIs such as `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to generate the SVG rendering with labeled axes and a title.

Aavinash021997

88% match

Loading thumbnail…

Data of Electronic sales line chart

This line chart displays electronic sales totals over time, using a multi-year date range on the x-axis and cumulative sales figures on the y-axis. The visualization loads CSV data from a GitHub gist and renders a single black trend line in an SVG canvas. It employs D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to generate axes with grid ticks and the path. The chart labels both axes and uses a skyblue background from its stylesheet.

DDINESH SAI BOPPANA

88% match

Loading thumbnail…

ICE-7 Line Chart

This line chart displays electronic sales in India from 2009 to 2022, with the year on the x-axis and sales figures on the y-axis. The visualization is rendered as an SVG using D3 v5, with data loaded from a CSV file hosted on GitHub. The chart uses `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `line` to generate the path. Axes are labeled with `axisBottom` and `axisLeft`, and the chart includes a title and custom styling for the line and text.

SSaiSree0122

87% match

Loading thumbnail…

Line Chart

This line chart displays car sales in India from 2009 to 2019, with the x-axis representing years and the y-axis representing sales figures. The visualization uses D3 v5's `scaleTime` and `scaleLinear` for axis scaling, `line` for path generation, and `axisBottom`/`axisLeft` for grid lines and tick marks. SVG rendering is employed, with data loaded from a CSV file via `d3.csv` and parsed using `d3.timeParse`. Styling is applied through CSS classes to highlight the line and grid.

Ppreethamkesa

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

87% match

Loading thumbnail…

ICE-7(Line Chart)

This visualization shows electronic sales in India from 2009 to 2022 as a line chart. The code uses D3 v5 APIs including `scaleLinear`, `scaleTime`, `line`, `axisLeft`, and `axisBottom` to render the SVG path representing the sales trend over time. Data is loaded from a CSV file hosted on GitHub, with year values converted to date objects and sales figures parsed as numbers. The chart includes labeled axes, a title, and gridlines, with styling applied via an external CSS file.

PPrathyusha Jampala

87% match

Loading thumbnail…

ICE-7 Line Chart

This line chart shows electronic sales in India from 2009 to 2022, with the year on the x-axis and sales figures on the y-axis. The visualization uses d3.scaleTime and d3.scaleLinear to map the data, while d3.axisBottom and d3.axisLeft render the labeled axes with gridlines. A d3.line generator creates the indigo path, and D3’s csv function loads the dataset from a GitHub gist. The SVG is rendered inside a React component with CSS styling for fonts and colors.

HHARSHA BUDDANA

86% match