Skip to main content
SimilarExport ZIP
100%

Activity_7_Q1

✓ Published0🌍 Public
GGOPI MUPPURI
Last edited Nov 5, 2024
Created on Nov 5, 2024

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.

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…

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

Activity 7 , question 1

This visualization shows the distribution of car classes in a dataset using a donut pie chart, with each slice labeled by its percentage and accompanied by a color-coded legend showing category names and counts. The chart is built with D3.js v7, loading CSV data from a GitHub gist, and uses `d3.pie` and `d3.arc` to generate the slices. A categorical color scale maps the four classes, while text labels and the legend are positioned using SVG transformations.

Hharsha13638@gmail.com
93% 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
93% 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
92% 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
90% 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
89% match
Loading thumbnail…

Activity - 7

This visualization displays the distribution of car classification categories using a pie chart with bold colors and percentage labels. The chart, rendered as an SVG via D3.js (version 7.8.5), uses the `d3.arc` and `d3.pie` APIs to generate slices and a legend. Data is loaded from a CSV file hosted on GitHub, and the `d3.scaleOrdinal` function defines the categorical color scheme. A title and legend with category counts complement the chart.

Aamulyareddykondru01@gmail.com
87% match
Loading thumbnail…

A7_Q1

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.

GGOPI MUPPURI
87% match