Skip to main content
SimilarExport ZIP
100%

Fork of Hello VizHub

✓ Published1🌍 Public
Ssairohithchada@gmail.com
Last edited Apr 9, 2025
Created on Apr 9, 2025
Forked from Hello VizHub

This visualization shows sales figures across different product categories as a filled area chart. The SVG is rendered using D3 v7, with a steelblue area path encoding values through the vertical axis. The chart loads its data from a public GitHub gist and uses D3's `d3.json` to parse it, `d3.scalePoint` and `d3.scaleLinear` for axes, and the `d3.area` generator for the path. Axis ticks are added via `d3.axisBottom` and `d3.axisLeft`, with manually placed text labels.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello VizHub

A stacked bar chart visualizes regional sales across three product categories, with each bar showing total value per region and segments colored by category. The visualization loads data from a CSV file and renders SVG graphics using D3 v7, employing `d3.csv` for data parsing, `d3.scaleBand` and `d3.scaleLinear` for positioning, and `d3.stack` to compute stacked series. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while regions are ordered alphabetically on the vertical axis.

KKhushi Desai
88% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This example presents a pie chart of aggregated sales data by product category, loaded from a CSV file hosted on GitHub and rendered as an SVG. It uses D3 v6 APIs such as `d3.csv`, `d3.rollups`, `d3.sum`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. The chart displays each category’s total sales in thousands and its percentage share, with labeled arcs and a legend.

KKritin Kesav
87% match
Loading thumbnail…

Fork of Hello VizHub

This fork of Hello VizHub demonstrates three linked D3.js visualizations. It shows total sales by brand and region in a bar chart, units sold versus sales in a scatter plot, and profit alongside average price in a multi-series chart with bars and a line. The code uses `d3.csv` to load a remote dataset and `d3.scaleBand`, `d3.scaleLinear`, `d3.rollups`, and `d3.schemeTableau10` to bind data to SVG rects, circles, and a path via `d3.axisBottom` and `d3.axisLeft`. A dual y-axis is implemented for the final chart.

Aankitgoudpoodhari07@gmail.com
87% match
Loading thumbnail…

Fork of Hello VizHub

This area chart visualizes a dataset loaded from a CSV file hosted on GitHub. The chart displays values over time, with dates parsed via `d3.timeParse` and a linear scale for the y-axis. The area path is generated using `d3.area` and rendered as a steelblue SVG path. Axes are created with `d3.axisBottom` and `d3.axisLeft`, and the chart is built with D3 v7.

SSeema Shrestha
86% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This pie chart shows the distribution of total sales across item categories, with each slice labeled by its category and dollar amount, alongside a color-coded legend and a centered title and subtitle. It loads data from a CSV hosted in a GitHub Gist, aggregates the sales per category using `d3.rollups` and `d3.sum`, then renders the visualization with `d3.pie` and `d3.arc`. The SVG output uses `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and D3 is loaded via a script tag from d3js.org.

Nnikhilapogula@my.unt.edu
86% match
Loading thumbnail…

Fork of Hello VizHub-Ganesh

This pie chart visualizes the distribution of sales by product category, with a legend identifying each category's color. It loads data from a CSV file hosted on GitHub and renders the chart as an SVG using D3's `pie`, `arc`, and `scaleOrdinal` APIs. The chart applies a categorical color scheme and includes a title.

Gganeshseeram2405@gmail.com
85% match
Loading thumbnail…

Hello VizHub

This pie chart visualizes total sales by product category, using data from a cleaned sales dataset hosted on GitHub. Built with D3.js v7, it employs `d3.pie` and `d3.arc` to generate the chart segments, with colors assigned via `d3.scaleOrdinal`. The code processes the CSV data with `d3.csv`, groups values using `d3.rollups`, and renders the result as SVG, including a legend and placeholder axis labels.

Ddivya.matavalam828@gmail.com
83% match
Loading thumbnail…

Fork of Hello VizHub

This example shows a car price area chart, displaying a univariate trend over time with a shaded region beneath the line. The visualization uses D3.js v6, with `d3.area` and `d3.line` generators to construct the shape, while `d3.scaleTime` and `d3.scaleLinear` map data to the x- and y-axis. The chart reads data from an external source and renders it into an SVG container defined in the HTML. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`, providing clear temporal and price references.

Ssaivaishnogaruda@gmail.com
83% match