Skip to main content
SimilarExport ZIP
100%

Fork of Fork of ice7_2

✓ Published1🌍 Public
Kkanaparthieshitha@gmail.com
Last edited Mar 29, 2026
Created on Mar 29, 2026
Forked from Fork of ice7

This example shows a line chart of revenue aggregated by product category from a CSV dataset. D3.js (v7) loads the data, rolls up categories, and sums their revenue. It renders an SVG with axes, a steelblue polyline, and orange data points. The code uses `d3.scalePoint`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` to draw the visualization.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ice7

This fork of ice7 displays an area chart of revenue by product category, with a black line overlay and circular point markers. The visualization aggregates revenue data from a CSV file using `d3.rollup` and `d3.sum`, then maps categories with `d3.scalePoint` and revenue with `d3.scaleLinear`. The SVG rendering uses `d3.area`, `d3.line`, `d3.axisBottom`, and `d3.axisLeft`, with rotated x-axis labels for readability.

Kkanaparthieshitha@gmail.com
92% match
Loading thumbnail…

Fork of Fork of Fork of ice7_3

This pie chart displays revenue distribution by category, with slices labeled directly and a legend to the right. Built with D3 v7, it loads CSV data from a GitHub gist, aggregates revenue using d3.rollup and d3.sum, and renders SVG paths via d3.pie and d3.arc. A d3.scaleOrdinal with the Tableau10 color scheme maps categories to colors, while text elements label each slice.

Kkanaparthieshitha@gmail.com
86% 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
85% match
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
85% 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
85% match
Loading thumbnail…

Fork of Fork of ICE-7

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.

TTulluripallavi
84% match
Loading thumbnail…

Fork of linechart

This fork of a line chart visualizes product sales trends from 2018 to 2024, with each product’s sales values plotted as a separate line and points. The chart uses D3 v7 APIs including `d3.csv`, `d3.scalePoint`, `d3.scaleLinear`, and `d3.line` to render an SVG with axes, grid lines, and a legend. Data is loaded from a remote CSV file.

AAmrit Adhikari
84% match
Loading thumbnail…

Fork of ICE6 - Marks and Channels

This example shows a bar chart of sales revenue per product from January through May 2024. It uses D3 v6 with SVG rendering, loading CSV data from a GitHub gist and aggregating it with `d3.rollup` to sum revenues by product. Horizontal bars are drawn as `rect` elements with a steelblue fill that turns orange on hover, using `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis. Axes are generated with `d3.axisLeft` and `d3.axisBottom`.

Bbhargavinalamothu@gmail.com
83% match