Skip to main content
SimilarExport ZIP
100%

Activity 7.1

✓ Published0🌍 Public
Ssharanyabobbala@my.unt.edu
Last edited Nov 5, 2024
Created on Nov 5, 2024
Forked from Hello VizHub

A pie chart displays car production totals for countries in 2019, with a legend listing each country and its corresponding value in thousands. The visualization uses D3 v5 to load CSV data via the `csv` function from a GitHub gist, then processes it with `pie` and `arc` to generate the chart segments. `scaleOrdinal` assigns a categorical color palette, while `format` converts large numbers into a compact tick label format. The SVG output includes clickable paths and a separate legend group with circles and text elements positioned via `attr` transforms.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

This pie chart displays the total car production value for each country in 2019, sourced from a CSV file loaded via d3.csv. The chart uses d3.pie and d3.arc to generate SVG path segments, with each slice colored by a categorical scale from d3.scaleOrdinal. A custom legend lists each country with its corresponding color and formatted value, and the entire visualization is positioned within a 960x500 SVG canvas.

Ssrivalliwuyyuru
88% match
Loading thumbnail…

Fork of piechart ic7

This visualization shows the top 10 car-producing countries in 2019 as a pie chart, with each slice representing a country’s total production value and a legend listing country names alongside their values in thousands. The code loads CSV data via a gist URL using `d3.csv`, then processes it with `d3.pie` and renders SVG paths using `d3.arc`. Colors are assigned via `d3.scaleOrdinal`, and the chart is positioned with SVG transforms. The legend is built manually with circles and text elements, while values are formatted using `d3.format`. The page is styled with custom CSS.

Vvryvarma5577@gmail.com
87% match
Loading thumbnail…

piechart ic7

This pie chart visualizes the top 10 car-producing countries in the world for the year 2019, using data loaded via `d3.csv` from a Gist URL. It renders an SVG pie chart using `d3.pie`, `d3.arc`, and a `d3.scaleOrdinal` color scheme, with segments positioned by `d3.arc` and filled based on each country's total value. A legend, built with SVG circles and text, labels each country and its corresponding value, formatted with `d3.format`. The chart is centered on a light blue background with a red title, providing a clear comparison of production figures.

Ddivyagunuguntla
86% match
Loading thumbnail…

Activity 7.1

This D3.js pie chart visualizes the distribution of car makes from a CSV file loaded from a GitHub repository. It uses `d3.pie` and `d3.arc` to generate the pie slices, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing the categorical color scheme. The chart displays percentage labels on each segment and includes a legend generated with HTML. Data is aggregated using `d3.rollups` to count occurrences of each make, and the SVG output is rendered within a centered layout.

NNagalakshmi Thota
86% match
Loading thumbnail…

PieChart ICE7

This pie chart displays the top 10 car-producing countries in 2019, showing each country’s total vehicle output as a proportional slice with a color-coded legend. The chart uses D3 v5’s `pie` and `arc` generators to compute angles and render SVG paths, while `scaleOrdinal` assigns colors. Data is loaded as CSV from a GitHub gist via `d3.csv`, and each country’s value is read from the ’2019’ column, with totals formatted in thousands. The legend pairs circles and text labels with the corresponding values.

SSravaniPosina
86% match
Loading thumbnail…

Fork of PieChart ICE7

This pie chart shows the top 10 car-producing countries in the world for 2019, with each slice colored and labeled in a legend that includes the country name and its production value in thousands. Built with D3 v5, the visualization loads CSV data from a GitHub gist using `d3.csv`, calculates totals per country, and renders the chart as SVG paths using `d3.pie` and `d3.arc`. A `d3.scaleOrdinal` assigns colors to the slices, while the legend is manually positioned with appended circles and text elements.

SSravaniPosina
86% match
Loading thumbnail…

Fork of ICE7

This pie chart displays the top 10 car-producing countries in 2019, with each slice sized by total production value and labeled in a legend showing country names and quantities in thousands. The visualization uses D3 v5’s `pie()` and `arc()` generators to compute and draw the SVG paths, with `scaleOrdinal()` assigning a distinct color to each segment. Data is loaded asynchronously from a CSV hosted on GitHub Gist via `d3.csv`, and the legend is manually constructed with appended circles and text elements, with values formatted using `format()`.

PPujitha14challagulla
85% match
Loading thumbnail…

Activity7_Q1

A pie chart visualizes the distribution of car classes from a CSV dataset, showing the proportions of categories like 'unacc', 'acc', 'vgood', and 'good' as colored slices with percentage labels. The chart uses D3.js (version 7.8.5) with the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to compute and render the pie geometry and colors. A legend on the right lists each class with its count. The SVG is built programmatically, with data loaded asynchronously from a GitHub-hosted CSV file.

Kkeerthana11.mcs@gmail.com
85% match