Skip to main content
SimilarExport ZIP
100%

rao

✓ Published0🌍 Public
RRakshithaRao27
Last edited Mar 27, 2022
Created on Mar 27, 2022
Forked from line chart

This example shows the total sales of electronic products over time as a line chart. The chart plots sales figures against years, with a clean, sky-blue background and black line strokes for readability. The visualization is built using D3 version 5, leveraging the library’s scale functions (`scaleTime`, `scaleLinear`), axis generators (`axisBottom`, `axisLeft`), and the `line` generator to create the path. Data is loaded from a CSV file hosted on a GitHub gist, parsed, and rendered as an SVG graphic with custom styling defined in an external stylesheet.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

rao

This example shows the total sales of electronic products over time as a line chart. The chart plots sales figures against years, with a clean, sky-blue background and black line strokes for readability. The visualization is built using D3 version 5, leveraging the library’s scale functions (`scaleTime`, `scaleLinear`), axis generators (`axisBottom`, `axisLeft`), and the `line` generator to create the path. Data is loaded from a CSV file hosted on a GitHub gist, parsed, and rendered as an SVG graphic with custom styling defined in an external stylesheet.

RRakshithaRao27
100% match
Loading thumbnail…

rao

This line chart shows the total sales of electronics data over a series of years. The visualization plots the data using a time-scaled x-axis for the years and a linear y-axis for total sales, with the line path drawn in black. The code uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to generate the SVG chart, and loads the data from a CSV via `d3.csv`. The chart includes labeled axes and a minimal styling with tick marks.

RRakshithaRao27
96% match
Loading thumbnail…

rao

This chart displays electronic sales totals over time as a single black line, with a sky-blue background and labeled axes. The visualization uses D3 version 5, reading a CSV data source and parsing date strings with the `d3.timeParse` API. It maps years to the x-axis using a time scale (`d3.scaleTime`) and total sales to the y-axis with a linear scale. The line is drawn using the `d3.line` generator, and axes include grid lines and rotated axis labels.

RRakshithaRao27
96% match
Loading thumbnail…

rao

This visualization displays electronic sales data over time, plotting total sales against years as a single black line on a skyblue background. The chart uses D3 v5 APIs, including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line`, to render an SVG with labeled axes and gridlines. Data is loaded from a CSV file via `csv()`, with dates parsed using `d3.timeParse`.

RRakshithaRao27
95% match
Loading thumbnail…

rakshi

This example visualizes electronic sales data from 2013 to 2021 using a combined line and area chart rendered as SVG. It plots yearly sales values on a time-scaled x-axis and a linear y-axis, with the line and area paths smoothed using `curveBasis`. The code uses d3.csv to load the data, `scaleTime` and `scaleLinear` for scales, and `axisLeft`/`axisBottom` for tick rendering, while custom CSS colors the line red and the area wheat.

RRakshithaRao27
83% match
Loading thumbnail…

rakshitha

This line chart shows the total sales in cosmetics over the years, using a time series with the year on the x-axis and the total sales amount on the y-axis. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to render the red path with gridlines, loading data from a CSV file via `d3.csv` and parsing dates with `d3.timeParse`. The SVG output is styled with CSS for axis labels and ticks.

RRakshithaRao27
81% 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
81% 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
79% match