6-piechart

6-piechart

This example shows the distribution of billionaires across categories using a single pie chart. The chart is rendered as an SVG with colored slices, labels for larger segments, and a legend that displays each category's name and count. The code aggregates the CSV data with `d3.rollup`, generates the pie geometry with `d3.pie` and `d3.arc`, and assigns colors via `d3.scaleOrdinal` with a categorical scheme.

96% match

6-scatterplot

This visualization presents a scatter plot of billionaire data, mapping each individual’s rank along the x-axis against their final worth in billion dollars on the y-axis. Circles are colored by category, with a tooltip revealing the person’s name, worth, category, and age on hover. Built with D3 v6, it loads a CSV from a gist, uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. The SVG rendering includes labeled axes and interactive mouseover events.

ICE-7 PieChart

This pie chart shows the top billionaires in the world and their net worth in billions of U.S. dollars, using a dataset from a GitHub-hosted CSV file. Each slice is labeled with its dollar value, and a legend lists billionaire names alongside their corresponding worth. The chart is built with D3 v6 and rendered as an SVG, using the `d3.pie` and `d3.arc` generators to compute and draw the sections. Colors are assigned via `d3.scaleOrdinal`, and the visualization includes formatted numeric labels and a custom legend.

SSaivignesh-9176

ICE-7 PieChart 11590101

This pie chart visualizes the net worth of the top 10 billionaires, with each slice labeled by its dollar value and accompanied by a legend listing names and amounts. The code uses D3 v5 APIs including `d3.pie()`, `d3.arc()`, and `scaleOrdinal` to generate SVG paths, with data fetched as CSV from a Gist. Slice labels are positioned using `arc.centroid()`, and a linear-gradient background is applied via CSS.

DDivyasri0310

6-scatterplot

This scatter plot visualizes the rank and final worth of billionaires, using color to distinguish their industry categories. Built with D3 v6, it renders circles as SVG elements, with axes for rank and final worth in billion dollars. The code employs `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical coloring. Hovering reveals a tooltip with the individual's name, worth, category, and age. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file.

ICE-7 PieChart

This pie chart visualizes the net worth of the top 10 billionaires, with each slice labeled with its value in billions and accompanied by a legend listing names and amounts. The code loads CSV data via `d3.csv`, converts values to numbers, and uses `d3.pie` and `d3.arc` to generate SVG paths. Color mapping relies on `d3.scaleOrdinal`, while labels and legends are appended as SVG text and rect elements.

VVamsi Krishna

Ggaddamthanmayeereddy759@gmail.com

Fork of ICE-7 PieChart 11590101

This pie chart visualizes the net worth of the top 10 billionaires in the world, using data from a CSV file loaded via the D3.js `csv` function. The chart displays each billionaire's name and net worth in billions, with colored slices and value labels positioned using the `arc.centroid` method. A legend on the right pairs each color swatch with the corresponding name and net worth figure. The visualization uses D3 v5’s `pie` and `arc` generators, with `scaleOrdinal` for color mapping and `format` for tick label formatting, rendering as SVG elements.

Fork of 6-scatterplot

This scatter plot shows the relationship between the rank and final worth of billionaires, with each point colored by category and displaying tooltips on hover. The chart, rendered as an SVG using D3 v6, loads CSV data from a GitHub gist. It maps rank to the x-axis and final worth to the y-axis using `d3.scaleLinear`, draws circles, and applies `d3.axisBottom` and `d3.axisLeft` for axes. Interactivity is implemented through mouseover and mouseout events that toggle a tooltip showing the person’s name, worth, category, and age.