Skip to main content
SimilarExport ZIP
100%

Fork of ICE - 7 Pie Chart Manvitha reddy

✓ Published0🌍 Public
Mmanvithareddykarra
Last edited Mar 27, 2022
Created on Mar 27, 2022

This visualization displays the top 10 companies and their sales figures for 2020 using a pie chart. The chart segments are color-coded and labeled with sales values, and a legend on the right maps each company name to its corresponding color and sales amount. The code uses the D3.js library (d3.csv, d3.pie, d3.arc, d3.scaleOrdinal) to fetch data from a CSV file hosted on GitHub and render the SVG chart, with custom styling applied for text and legend elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Piechart ICE - 7 Rohith Arabati

This pie chart visualizes the distribution of car sales across different companies, with each slice labeled by its sales value in thousands. The chart uses d3.pie and d3.arc to generate the segments, while d3.scaleOrdinal assigns colors to each company. Data is loaded from a CSV file using d3.csv, and the SVG rendering includes a legend showing company names and their corresponding sales figures. The visualization is built with D3.js version 5.

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

Fork of ICE 7 Pie Chart

This example shows a pie chart of sales data for the top 10 products, with a legend displaying each product name and its corresponding sales value in units. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` with `schemeCategory10` for coloring segments, and renders via SVG. Data is loaded asynchronously from a CSV file using `d3.csv`, sorted by sales, and sliced to the top 10. Hovering over a slice logs the sales value to the console. The visualization is built within a React starter framework.

Mmboinapally17
85% match
Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart FOR MARkS

A pie chart visualizes company profits from a CSV dataset, encoding each company's profit value as a colored slice with a text label showing the profit amount. The legend lists company names alongside their corresponding colors and profit values. Built with D3 v5 in a React context, the code uses `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.csv` to fetch and render the SVG, with pie slices positioned via `arc.centroid` and legend items generated dynamically.

Kkarumanchimanasa
85% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart displays the percentage of sales for different items, with a legend positioned to the right showing each item’s name and corresponding value. The chart is built with D3 v5, using `d3.pie` and `d3.arc` to generate the segments, `d3.scaleOrdinal` for color mapping, and `d3.csv` to load the dataset from a GitHub gist. The visualization renders as SVG, with section labels and legend text styled via CSS.

RRahulSai05
85% 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
84% 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
84% match