ice_7

100%

✓ Published0🌍 Public

Last edited Mar 29, 2026

Created on Mar 29, 2026

This example presents a top-10 programming languages chart as an interactive scatter plot, showing the 2024 market share percentages from `data.csv`. Each language is a black circle positioned on an x/y grid; clicking a circle turns it white with a black outline. The visualization uses React with D3 v7, employing `renderCircles` with `scaleLinear` for axes and click handlers for selection. An SVG pie chart with a legend is also available via `pieChart`, using `pie` and `arc` with `scaleOrdinal` and `schemeTableau10` for coloring.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7

This interactive pie chart visualizes the distribution of the top 10 programming languages of 2024, with each slice’s size proportional to its usage percentage and a legend on the right listing each language with its exact value. Built as a reusable chart function using the `d3.pie` layout and `d3.arc` generators, it assigns categorical colors via `d3.scaleOrdinal` and `d3.schemeTableau10`. The React application loads the CSV dataset and renders the SVG to fill the browser window, labeling slices with values above 3%.

Vvarshitreddy02@gmail.com

91% match

Loading thumbnail…

ICE-7 Varunpie

This visualization presents a pie chart of the top 10 most frequent math scores from a dataset loaded via `d3.csv`. It shows the distribution of these scores by count, with a legend displaying each score and its frequency. The code uses `d3.pie()` and `d3.arc()` to generate the SVG slices, with `d3.schemeCategory10` providing a custom color palette. The chart is rendered with `d3.v7` in an HTML page, fetching data from a GitHub gist URL.

VVarun Gadde

82% match

Loading thumbnail…

Activity_7_Q1(11807290)

This chart visualizes the popularity of programming languages using a pie chart in D3 v7, with each slice colored via `d3.scaleOrdinal` and labeled with language names. It loads CSV data from a GitHub URL using `d3.csv`, then constructs the pie layout with `d3.pie` and renders arcs with `d3.arc`. A legend, dummy X and Y axis labels, and SVG rendering complete the static visualization.

Cchowdaryhemanth14@gmail.com

81% match

Loading thumbnail…

Fork of ICE-7 Languages In Pie Chart : Shreeti

This example visualizes language use in India as an interactive pie chart, with counts shown in millions. The chart uses a d3.pie layout and d3.arc to generate SVG paths, with a color scale from d3.schemeCategory20c. Hovering over a slice triggers a tooltip that displays the language label, count, and percentage, calculating the percentage based on enabled data entries. The dataset is loaded from an external CSV URL, and the rendering includes SVG elements with animation support for smooth transitions.

Ssitaramchallapalli

81% match

Loading thumbnail…

ICE7_Piechart

A pie chart displays the top ten countries with the largest Netflix libraries, using a categorical color scale and an interactive legend with values. The chart uses D3 v5's `pie`, `arc`, and `scaleOrdinal` APIs to generate SVG paths, with mouseover logging data to the console. Data is loaded from a CSV file via `d3.csv` and sorted before rendering.

SSai Bhavana Akkineni

80% match

Loading thumbnail…

ICE7 Pie Chart

This pie chart visualizes the market share of popular JavaScript frameworks, including Vue, ReactJS, and Angular, based on values loaded from a CSV file. The chart displays each framework’s percentage via colored arcs and includes a legend with labels and values. Built with D3 v5 and React, it uses `d3.pie()` to compute arc angles, `d3.arc()` to draw SVG paths, and `scaleOrdinal` for color mapping, rendering the result as an SVG graphic.

Ggeethikal

80% match

Loading thumbnail…

Activity_7Q1_11807290

This pie chart visualizes programming language popularity using a dataset of user counts from a CSV file. It uses D3.js (v7) with its `pie` and `arc` APIs to generate the slices, which are colored via a category scale and rendered as SVG paths with stroke outlines. Labels are placed at each arc’s centroid, and a legend with colored rectangles is drawn on the left. The chart also includes dummy x- and y-axis labels, though these are not functionally linked to the data.

Cchowdaryhemanth14@gmail.com

80% match

Loading thumbnail…

Fork of ICE-7 Languages In Pie Chart : Shreeti

This visualization shows the distribution of 22 languages spoken in India, with counts in millions, as a pie chart. It uses D3.js version 4.11 to create SVG arcs, with an ordinal color scale from `d3.schemeCategory20c`. Each slice displays a tooltip on hover, showing the language label, count in millions, and its percentage of the total. The chart includes an interactive legend that can be clicked to toggle slices on and off, re-animating the pie accordingly.

Ssitaramchallapalli

80% match