Data of Electronic sales line chart

100%

Data of Electronic sales line chart

✓ Published0🌍 Public

Last edited Jul 4, 2022

Created on Jul 4, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

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

90% match

Loading thumbnail…

Line chart for electronic sales

This line chart visualizes total sales across product categories, using a filled area beneath a steel-blue line to emphasize the trend. Built with D3 v7 and rendered as an SVG, the chart loads CSV data from a GitHub gist and converts sales values from currency strings to numbers. It uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` and `d3.area` to generate the paths.

Ssreeramyamini@gmail.com

88% match

Loading thumbnail…

Line Chart

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.

Ppavankalyan1507

88% match

Loading thumbnail…

line charrt-1

A line chart displays electronics sales over time, with the y-axis representing sales values and the x-axis showing years from 2009 to 2022. The visualization loads data from a CSV file hosted on GitHub Gist using d3.csv, and renders the chart as an SVG with d3.line for the path, scaleTime and scaleLinear for the axes, and d3.axisBottom and d3.axisLeft for tick marks. Axis labels and a title are added as SVG text elements, with styling applied via CSS classes.

SSaiSree0122

84% match

Loading thumbnail…

Online Sales Line chart

This example shows online sales revenue over time as a line chart, with the x-axis representing years and the y-axis representing total revenue. It uses D3 v5 to load CSV data, parse dates with `d3.timeParse`, and render the visualization in SVG. The code employs `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to construct the chart, with gridlines styled via tick marks and a styled purple stroke for the data path.

MManideeprenikindi

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

83% match

Loading thumbnail…

Area Chart

This area chart displays electronic sales from 2013 to 2021, with a green filled region under a black smoothed line. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` for the year axis and `scaleLinear` for sales values. Data is loaded from a CSV file via `d3.csv`, and both `d3.line` and `d3.area` generators with `curveBasis` create the chart. Axes are customized with `axisBottom` and `axisLeft`, including gridlines and labels.

Kkranthireddyskr

83% match

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

83% match