Skip to main content
SimilarExport ZIP
100%

ICE-7 Q2 Pie Chart Ajay Polsani

✓ Published0🌍 Public
Aajayrao0
Last edited Mar 29, 2022
Created on Mar 29, 2022

A pie chart displays the top eight bike sales from 2014, with each slice labeled with its sales value in thousands and a legend mapping colors to bike names. The visualization is built with D3 v5 and rendered as an SVG, using the `pie`, `arc`, `scaleOrdinal`, and `select` APIs to generate the slices, centroids, and color scale. The data is loaded from a CSV hosted on GitHub, and the chart also formats numeric labels using `format('.4~g')`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7 Pie Chart

This pie chart visualizes the top car sales in 2022, with each slice sized proportionally to the number of units sold and a legend displaying car names and sales counts. The chart renders using D3 v5’s `pie` and `arc` generators to compute segment geometry, with colors assigned via `scaleOrdinal` and `d3.schemeCategory10`. Data is loaded asynchronously from `carsales.json` using `d3.json`, and the SVG is built by appending `path` and `rect` elements. The presentation uses an SVG container with a legend offset to the side, and sales values are formatted with `d3.format`.

Rrakeshkommineni
84% match
Loading thumbnail…

ICE-7 Q4 Ajay Polsani

This example shows bike sales trends from 2010 to 2019 using a combined line and area chart rendered in SVG. The visualization plots yearly sales on the y-axis against time on the x-axis, with axis labels and tick formatting applied. It uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear for scaling, and d3.line with d3.curveBasis for the line path, while d3.area fills the region beneath it. The axes are generated with d3.axisBottom and d3.axisLeft, and the data is sourced from a GitHub Gist URL.

Aajayrao0
84% match
Loading thumbnail…

ICE 7-Q3 Ajay Polsani

This visualization displays bike sales in India from 2009 to 2019 using a line chart rendered with React and D3 v7. The line chart plots years on the x-axis using d3.scaleTime and sales numbers on the y-axis using d3.scaleLinear, with data loaded from a CSV file via d3.csv. The rendered SVG includes custom axes, a smoothed curve created with d3.line and curveBasis, and axis labels showing "Year" and "Number of Sales."

Aajayrao0
84% match
Loading thumbnail…

ICE 7 Pie Chart

This visualization presents a pie chart of top car company sales by price, with each slice labeled with its value and accompanied by a legend listing the corresponding model names. The chart uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the segments and map categorical colors, while the legend is built manually with SVG `rect` and `text` elements. Data is loaded from a GitHub Gist via `d3.csv` in a React-based setup, with the SVG rendered directly in the browser.

Llikith1266
84% match
Loading thumbnail…

ICE 7 Pie Chart

This pie chart displays 2021 car sales by type, with each slice labeled by car category and its percentage of total sales. A legend to the right provides additional identification of the color-coded segments. The visualization is built using D3.js v5, which handles the data loading, pie layout, and arc generation. The code uses `d3.pie()` to compute the angles, `d3.arc()` to draw the slices, and `d3.scaleOrdinal` with `d3.schemeCategory10` for the color palette, with data fetched from a remote text file.

RRahulbelede97@gmail.com
84% match
Loading thumbnail…

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 visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart from CSV data fetched from a GitHub gist. The SVG rendering includes pie segments, value labels, and a legend, all styled with custom CSS. The chart highlights relative sales proportions among companies, making comparisons straightforward.

Ppravalika.thogaru10@gmail.com
83% match
Loading thumbnail…

ICE 7

This pie chart visualizes sales by category, displaying five segments for electronics, furniture, clothing, and toys. The chart uses D3.js v7 to load the sales.csv dataset, then applies `d3.pie()` and `d3.arc()` to compute slice geometries, with `d3.scaleOrdinal` and `d3.schemeTableau10` assigning colors. It renders as SVG with category labels positioned via `labelArc.centroid()` and includes a legend showing each category and its value. Hovering over a slice reveals a tooltip with the category name and numeric value.

Aankitgoudpoodhari07@gmail.com
83% match
Loading thumbnail…

ICE - 7 Pie chart

This example presents a static pie chart that visualizes the percentage of car sales attributed to different car companies. The chart is rendered as an SVG using D3.js version 5, with each slice colored from a predefined palette. The code constructs the pie chart by loading data from a remote CSV file using `d3.csv`, then uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate and style the slices. It also appends text labels at the centroid of each slice via `arc.centroid`, and a legend is built manually with rectangles and text elements.

Ppremsaiv
83% match