Fork of Pie Chart

100%

Fork of Pie Chart

✓ Published0🌍 Public

Last edited Mar 30, 2023

Created on Mar 28, 2023

This visualization shows the number of houses sold in the United States per year for ten years, displayed as a pie chart with a legend listing each year and its corresponding sales figure. The chart renders using SVG via D3 v5, with the pie layout from `d3.pie` and arcs from `d3.arc`. Colors are assigned using `d3.scaleOrdinal` with `schemeCategory10`. Data is loaded from a CSV file using `d3.csv`, and values are formatted with a custom number formatter that appends "K" for thousands.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This example displays the total sales figures for the top 10 US states as a pie chart, with each segment sized proportionally to its sales value. The visualization includes a legend showing state names and formatted dollar amounts, and hovering over a segment logs that state’s sales to the console. Built with D3 v5 and React, it uses `d3.csv` to load data from a GitHub gist, `d3.pie` to compute angles, `d3.arc` to generate SVG paths, and `d3.scaleOrdinal` with `schemeCategory10` for colors. The data is sorted descending before rendering.

KKarnisrikanth

85% match

Loading thumbnail…

Fork of Pie Chart

This example visualizes state sales data as a pie chart, with each slice colored by total sales value and a corresponding legend listing state names alongside their formatted dollar amounts. The top ten states by sales are shown, sorted in descending order. Built with React and D3 v5, it uses d3.pie, d3.arc, and d3.scaleOrdinal to generate SVG paths, while d3.csv loads the external dataset from a GitHub gist. Mouseover events log slice data to the console, and all rendering occurs within an SVG container.

NNeeharikaGali

84% match

Loading thumbnail…

Fork of Pie Chart

A pie chart displays population values for the top 10 most populous years from a CSV dataset, with each slice colored by category and an interactive tooltip logging data on mouseover. The visualization uses D3 v5's `pie` and `arc` generators to compute and render SVG paths, while `scaleOrdinal` with `schemeCategory10` assigns colors. A legend lists years with corresponding population figures, and the data is sorted descending before rendering. The chart is built within a React-compatible setup using D3's `select` and `csv` loading.

Ssnehareddygurram

83% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes 2015 sales data for different companies using a legend and colored arcs. The chart displays each brand’s year-to-date profit converted to thousands and rendered as a simple SVG pie. The code imports D3 v5 modules like `pie`, `arc`, and `scaleOrdinal` to generate the chart, while loading data from a CSV via D3’s `csv` function. React is used as the framework, and the page is styled with custom CSS for headings and legend text.

Ssowmyanagula@my.unt.edu

82% match

Loading thumbnail…

Fork of Pie Chart

This visualization displays a pie chart of annual values from 2010 through 2020, with each slice labeled by its corresponding year and colored using the D3 categorical color scheme. The chart is rendered as SVG within a 600x400 pixel canvas, using the `d3.pie` layout function to compute arc segments and `d3.arc` to generate the path geometries, with color assigned via `d3.scaleOrdinal`. Labels are positioned at each slice’s centroid using the arc’s centroid method.

YYashwanth0311

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

81% match

Loading thumbnail…

piechartfork

A pie chart displays the 2015 sales for different companies, with each slice colored and labeled in a legend alongside its total value. The visualization uses D3 v5’s `pie` and `arc` functions to generate the SVG segments, with `scaleOrdinal` assigning colors from a fixed palette. Data is loaded asynchronously via `d3.csv` from a gist, and the chart is rendered within a React-based HTML page, with legend text and values formatted using `d3.format`.

SSnigdha6698

81% match

Loading thumbnail…

Fork of Pie Chart

This visualization shows 2022 US auto sales by brand as a pie chart with a legend displaying brand names, percentage of total sales, and sales volumes in thousands. Built with d3 v5, it loads CSV data from a GitHub gist, parses the data, and uses `pie()`, `arc()`, and `scaleOrdinal()` to generate SVG path segments with distinct colors. The chart appends legend rectangles and text elements, formatting percentages and values with `format('.4~g')`. The sales values are summed to calculate percentages, and the rendering is driven by an async `getData()` function.

SSheshidharreddy

81% match