Fork of Fork of ICE-7

100%

Fork of Fork of ICE-7

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

This example displays a line chart of sales data over time, with the x-axis representing years and the y-axis representing sales figures. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` APIs to build the axes, while a `line` generator creates the orange stroke path. Data is loaded from a CSV file hosted on GitHub Gist, and the year values are parsed with `d3.timeParse` to format them as dates. The SVG rendering includes custom axis labels and styled tick marks.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of fork of ICE-7

This example shows a line chart of sales data over time, with a year-based x-axis and a numeric sales y-axis. Data is loaded from a CSV file and parsed using D3’s `csv` and `timeParse`. The chart uses `scaleTime` and `scaleLinear` for axes, `line` to generate the path, and `axisBottom` and `axisLeft` for ticks. Styled with purple tick labels, brown grid lines, and an orange stroke, the visualization is rendered as an SVG with D3 v5.

TTulluripallavi

96% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of fork of ICE-7

This example shows a line chart tracking sales data across specific years, with the x-axis representing time and the y-axis representing sales figures. The visualization uses D3 v5 to load CSV data from a GitHub gist, parse the dates, and render an SVG line path. It employs `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks with custom styling, and `line` to generate the orange stroke path. The code also includes labeled axes and grid lines through `tickSize` and `tickPadding` settings.

Ssainitish1999

95% match

Loading thumbnail…

Fork of ICE-7

This line chart shows sales data over time, with years on the x-axis and sales values on the y-axis, using orange strokes to highlight trends. It loads CSV data from a GitHub gist, parsing dates with `d3.timeParse` and rendering an SVG via D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` functions. Grid lines and axis labels are customized through CSS, while margins and tick padding adjust the layout.

TTulluripallavi

95% match

Loading thumbnail…

Fork of Fork of Fork of Fork of fork of ICE-7

This example displays a line chart of sales data over time. It uses a time-scaled x-axis for years and a linear y-axis for sales values. The visualization is built with D3 v5, using `d3.scaleLinear`, `d3.scaleTime`, `d3.line`, and axis utilities. The SVG is rendered with a path element, and the axes are customized with brown tick lines and purple tick labels. Data is loaded from a GitHub gist CSV file using `d3.csv`.

Ssainitish1999

95% match

Loading thumbnail…

Fork of ICE-7

This visualization displays car sales data over time as a line chart, with years on the x-axis and sales figures on the y-axis. It uses D3 v5 to load CSV data, parse dates with d3.timeParse, and render scales and axes via scaleTime, scaleLinear, axisBottom, and axisLeft. The line is drawn using the d3.line generator, with the SVG path styled in orange. The chart includes labeled axes and uses margins to position the plot within the SVG canvas.

CCherukuriMilind

91% match

Loading thumbnail…

Fork of ICE-7 (Part-1)

This example visualizes electronic sales data by plotting yearly totals as a line chart. The chart displays total sales on the y-axis against time on the x-axis, with axes labeled accordingly. The implementation uses D3 v5, specifically leveraging `scaleTime`, `scaleLinear`, `line`, and axis components to render the SVG. Data is loaded from an external CSV file, parsed, and formatted using `d3.timeParse`. The line path is drawn using `lineGenerator`, with margins and gridlines defined via `axisBottom` and `axisLeft`.

TTarun Kumar Bosupally

91% match

Loading thumbnail…

Fork of ICE-7 Line Chart

This fork of an ICE-7 line chart visualizes the cost of sales from 2000 to 2013 using D3 v5. It renders an SVG line chart with time-scaled X-axis and linear Y-axis, using D3's `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` APIs. The chart loads CSV data from a GitHub gist, converts the Year field to `Date` objects, and draws a red line path via `line()`. The visualization includes labeled axes, a title, and grid lines generated through tick marks.

AAmrutha Mohan

90% match

Loading thumbnail…

Fork of Fork of ICE-7 Line Chart

This line chart shows book sales per year, with a green line tracing the trend over time. The chart includes labeled axes, gridlines, and a title, using D3 v5’s `scaleTime`, `scaleLinear`, `line`, `axisBottom`, and `axisLeft` APIs. Data is loaded from a CSV file via `d3.csv`, with year values parsed as dates. The SVG is rendered with margins and axis labels, and gridlines are created by setting negative tick sizes on the axes.

KKarnisrikanth

90% match