Skip to main content
SimilarExport ZIP
100%

Fork of Fork of assignment 7 PieChart

✓ Published0🌍 Public
Sshyamraghav12@gmail.com
Last edited Mar 30, 2026
Created on Mar 30, 2026

This dashboard displays four coordinated D3 v7 charts from a 200-row CSV dataset: a scatter plot of units sold versus profit colored by region, a pie chart of revenue distribution across regions, a line chart of monthly revenue trends, and an area chart of cumulative monthly revenue. Each visualization uses SVG rendering with scales, axes, and color encoding via `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.pie`, `d3.arc`, and `d3.rollups` for aggregation. The interactive layout includes grid lines and legends within styled chart sections.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of assignment 7 ScatterPlot

This D3.js v7 example presents a reusable scatter plot that visualizes the relationship between units sold and profit, with points colored by region. Each circle represents a data record from a 200-row CSV dataset. The visualization implements a configurable chart function with setters for data, dimensions, and axis mappings. It uses SVG rendering, d3.scaleLinear for axes, d3.scaleOrdinal with d3.schemeTableau10 for categorical colors, and d3.csv for data loading, alongside axis generators and grid lines.

Sshyamraghav12@gmail.com
87% 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 D3 Starter

This dashboard displays four coordinated D3.js (v7) visualizations of company performance: a reusable scatter plot mapping sales against profit with point size encoding expenses, a pie chart of annual sales share, and line and area charts showing sales over time. The data is loaded from a remote CSV file and parsed with `d3.csv`, using `d3.timeParse` to decode month-year strings. All charts render as SVG and include a tooltip implemented with `d3.select`, while axes are generated via `d3.axisBottom` and `d3.axisLeft`, with scales built using `d3.scaleLinear` and `d3.scaleSqrt`.

Ddeepthinaidu2001@gmail.com
83% match
Loading thumbnail…

assignment 6

This dashboard presents four coordinated D3.js charts—a bar chart, scatter plot, multi-series line chart, and combined bar-line chart—to explore a synthetic 200-row retail dataset containing revenue, cost, profit, and units sold by category and month. The SVG-based visualizations, styled with CSS and built using D3 v7 APIs like `d3.rollup` and `d3.scaleBand`, show aggregate revenue by category, record-level units versus profit, monthly trends for three quantitative variables, and a dual-axis comparison of revenue (bars) with profit (line), complete with interactive tooltips.

Sshyamraghav12@gmail.com
83% match
Loading thumbnail…

Fork of Fork of Fork of D3 Starter

This visualization analyzes daily sales, revenue, and profit trends using two D3.js v7 SVG charts. A multi-series line chart displays all three metrics over time, while a combined chart overlays sales as bars with a profit line, both featuring custom tooltips and a styled interface using the Poppins font. The code loads CSV data via `d3.csv`, constructs scales with `d3.scaleTime` and `d3.scaleLinear`, and renders paths and bars with `d3.line` and `d3.axisBottom`, applying color-coded series and gridlines for readability.

Ssainishanthreddyk@gmail.com
83% match
Loading thumbnail…

Fork of ICE-7 (Part-2) - Pie Chart

This fork uses D3.js (v7) to render a pie chart of regional sales. It loads a CSV file from a GitHub gist containing sales data, aggregates sales by region using `d3.rollup` and `d3.sum`, and displays the result as a pie chart with `d3.pie` and `d3.arc` functions. Each slice is labeled with its region and sales amount, and the chart is rendered as SVG with colors from `d3.schemeCategory10`.

Gganeshseeram2405@gmail.com
82% match
Loading thumbnail…

Fork of two

This pie chart shows the proportion of total sales by product category, with labels on each slice and a legend to the side. It uses D3 v7’s `d3.rollups` to aggregate sales per category and `d3.pie` to generate arcs, while `d3.scaleOrdinal` assigns colors. Each slice’s centroid is computed with `d3.arc.centroid` for label placement, and the SVG is rendered from CSV data.

Mmsahithipatel@gmail.com
82% match
Loading thumbnail…

Fork of Assignment ICE 7

This pie chart displays the number of units purchased for each item, with values labeled on each slice and a color-coded legend listing items and their corresponding counts. The visualization is built using D3 v5, loading CSV data from a GitHub gist and rendering with SVG. It uses `d3.pie`, `d3.arc`, and `scaleOrdinal` to generate the chart, while the legend is constructed manually with appended rectangles and text elements.

VVaishnavi6199
82% match