Skip to main content
SimilarExport ZIP
100%

Fork MBB - Pie chart

✓ Published0🌍 Public
Ppmbhupathibalu@gmail.com
Last edited Mar 27, 2024
Created on Mar 27, 2024

This pie chart visualizes annual car sales across different Indian states, sourced from a CSV file hosted on GitHub. Using D3 v5, the code employs the `pie` function to compute arc segments and `scaleOrdinal` to assign distinct colors to each state. Sales values are formatted with `format` and displayed as labels in thousands, alongside a legend detailing state names and corresponding figures. The SVG output is rendered at 960x500 pixels.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart MBB

This pie chart displays 2022 US auto sales by brand, using a color-coded circle with an adjacent legend. The visualization loads CSV data from a GitHub gist via `getData` and renders with D3 v5’s `pie` and `arc` generators. Each slice’s fill uses `scaleOrdinal` with a custom color palette. The legend lists brands with their percentage share and sales volume in thousands, formatted using `format('.4~g')`. The SVG is centered on the page with a title, and all elements are drawn as SVG paths and text.

Ppmbhupathibalu@gmail.com
83% match
Loading thumbnail…

Fork of Piechart ICE - 7 Rohith Arabati

This pie chart visualizes annual car sales for different companies in India, with each slice labeled with its sales value in thousands and accompanied by a color-coded legend. The chart uses D3.js version 5's `pie` and `arc` generators to create the segments from CSV data loaded via `d3.csv`, with `scaleOrdinal` assigning distinct colors to each company and `format` handling numeric labels. The SVG is rendered at 960×500 pixels with a center translate of (250,250) for the pie.

Vvarun-030
83% match
Loading thumbnail…

Fork of Piechart ICE - 7 Rohith Arabati

This pie chart visualizes annual car sales by company in India, displaying each company's sales as a proportionally sized slice with labels in thousands and a color-coded legend. The chart uses D3 v5 APIs including `pie()`, `arc()`, and `scaleOrdinal()` to generate SVG paths, with data loaded from a CSV file. The visualization also incorporates `format()` for axis tick formatting and renders text labels positioned via `arcGenerator.centroid()`.

Ssiddu7147
83% match
Loading thumbnail…

Fork of Piechart ICE - 7 Rohith Arabati

This D3.js pie chart visualizes annual car sales of different companies in India, with each slice representing a company and its market share. The visualization uses the `pie()` layout algorithm to compute arc segments, `arc()` to generate the path geometry, and `scaleOrdinal()` to map categorical data to a custom color palette. Sales values are labeled on each slice in thousands, while a legend on the right identifies companies and their corresponding values. The chart loads CSV data asynchronously from a GitHub raw URL, and the data is processed to calculate the total before rendering.

NNaimisha-M
83% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

This pie chart shows annual car sales for different companies in India, with each slice labeled with its sales value in thousands and accompanied by a color-coded legend listing company names and corresponding figures. The visualization uses D3 v5, loading CSV data via `d3.csv` and computing arc paths with `d3.pie` and `d3.arc`. Colors are assigned through `d3.scaleOrdinal`, and the chart renders as SVG elements, including a centered pie and a legend positioned to the right, with labels formatted using `d3.format`.

RRohith arabati
82% match
Loading thumbnail…

Fork of Pie Chart

This visualization shows car sales for the month of May, displaying each state's count as a slice of a pie chart with proportional labels and a corresponding legend. The chart uses d3.pie and d3.arc to generate the segments, d3.scaleOrdinal for colors, and d3.select to manipulate the SVG. Data is loaded asynchronously from a GitHub-hosted CSV using d3.csv. Labels apply a custom d3.format tick format, while the legend lists state names and their values.

Ssaivinay143
82% match
Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart

A pie chart displays annual car sales for different companies in India, with each slice labeled with its sales value in thousands and accompanied by a color-coded legend showing company names and corresponding totals. The visualization uses d3.pie() and d3.arc() to generate the chart, with d3.scaleOrdinal assigning colors from a predefined palette. Data is loaded asynchronously from a CSV file using d3.csv, and text labels are positioned using the arc centroid method. The SVG rendering relies on d3 v5, with formatting applied via d3.format.

RRohith arabati
82% match
Loading thumbnail…

India Car Sales

This visualization presents annual car sales for various companies in India as a pie chart, using data fetched from a CSV file hosted on GitHub. The chart displays sales figures in thousands, with each slice colored distinctly and labeled with its corresponding value. Legends identify each company alongside its sales total. The code employs D3 v5 APIs including `pie()`, `arc()`, and `scaleOrdinal()` to generate the SVG paths, labels, and legend elements, with data loaded asynchronously via `d3.csv`.

GGeorge Oyosa
81% match