Skip to main content
SimilarExport ZIP
100%

A7_Q1

✓ Published0🌍 Public
GGOPI MUPPURI
Last edited Nov 5, 2024
Created on Nov 4, 2024
Forked from Hello VizHub

A pie chart visualizes the distribution of car classes (unacc, acc, good, vgood) from a small dataset, showing proportions as labeled slices and a color-coded legend. Built with D3.js (version 7.8.5 loaded via UNPKG), the SVG rendering uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate arcs and assign colors. Percentage labels are positioned via `labelArc.centroid`, and the chart adds a title and legend. The code also imports a local ES6 module (`myMessage.js`) to demonstrate modular usage, while the stylesheet applies styling to the container, labels, and legend text.

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…

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
88% match
Loading thumbnail…

Activity_7_Q1

This visualization displays the distribution of car classes in a dataset using a donut-style pie chart. The chart renders four categories—unacc, acc, vgood, and good—with colored arcs and percentage labels, alongside a legend showing class names and counts. Built with D3 v7, it loads CSV data externally, uses `d3.pie` and `d3.arc` for slice geometry, and applies `d3.scaleOrdinal` for categorical colors. Labels are positioned via arc centroids, and the SVG output includes a title and styled legend.

GGOPI MUPPURI
87% match
Loading thumbnail…

Activity7_q1

This example shows the distribution of car classification categories (unacc, acc, good, vgood) as a pie chart with a legend. It uses D3.js to load CSV data, compute category counts, and render the chart as an SVG via `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal()` for color mapping. Percentage labels are placed on slices using a separate arc for label positioning, and the legend lists each category with its count.

Mm.maanvireddt761@gmail.com
85% match
Loading thumbnail…

A7-Q1

This pie chart visualizes the distribution of car models by manufacturer, using a dataset of 50 vehicles with each make occupying one slice of equal size. The chart is rendered with SVG through D3.js, using the `pie` and `arc` generators to compute and draw the segments, while `scaleOrdinal` with `schemeCategory10` assigns colors to each manufacturer. A legend on the right side maps the color-coded slices to their corresponding car brands, and the visualization adapts to the full browser window dimensions.

SShashankkodishala@my.unt.edu
84% match
Loading thumbnail…

Activity 7.1 -Q1

This pie chart visualizes the distribution of car classes in a dataset, showing the proportion of each category as a percentage label on each slice. The visualization uses D3.js to load CSV data, compute class counts, and generate an SVG pie chart with a custom color scale and a legend displaying class names with their raw counts. The chart is rendered in an SVG container with styled slices and labels.

Ppnamitha46@gmail.com
83% match
Loading thumbnail…

Fork of Activity_7_Q1

This visualization shows the distribution of car classes in a dataset, displaying the proportion of each category as a donut chart with percentage labels on each slice. The chart uses D3.js version 7.8.5, loaded via CDN, to create the pie layout and arc generators, with a categorical color scale mapping four classes—unacc, acc, vgood, and good—to distinct colors. Data is loaded remotely from a CSV file hosted on GitHub Gist, and a legend on the right side displays each class with its raw count. The SVG rendering includes white strokes between slices to visually separate the segments.

GGOPI MUPPURI
82% match
Loading thumbnail…

Activity7(q-1)

A donut chart displays the distribution of car classes (unacc, acc, vgood, good) from a CSV dataset, showing each category's percentage share with a legend indicating counts. Built with D3.js, the visualization uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for coloring, rendering as SVG. The chart positions the pie on the left and legend on the right, with bold white percentage labels on each slice and a title above. Data loads via `d3.csv` from a GitHub gist.

Rrakshithareddy217@gmail.com
82% match
Loading thumbnail…

Pie chart ice 7

A pie chart shows the distribution of cars by cylinder count, sourced from the Auto MPG dataset. Each slice is labeled directly with its category and percentage, while a legend on the right lists raw counts. The chart uses D3 v7 modules `csv`, `rollup`, `pie`, `arc`, and `scaleOrdinal` with `schemeTableau10`, rendering slices and labels as SVG elements within an 880 by 520 pixel viewport.

SSreedevi Itta
82% match