Skip to main content
SimilarExport ZIP
100%

VIZHUB_Q1_DVA7

✓ Published0🌍 Public
Nnandasaipalankius@gmail.com
Last edited Nov 5, 2024
Created on Nov 5, 2024

This visualization displays the distribution of car classification categories—unacc, acc, vgood, and good—as a pie chart with percentage labels and a legend showing counts. It loads CSV data from a GitHub gist and uses D3.js version 7.8.5 via CDN, employing the d3.pie, d3.arc, and d3.scaleOrdinal APIs to generate slices, colors, and labels. The SVG rendering includes custom legend elements and a bold title, with data processed through d3.csv.

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…

VIZHUB_Q1_DVA7

This example displays a donut chart of car classification categories, showing the percentage distribution of car classes. It loads a CSV dataset, counts the occurrences of each class, and visualizes the results using a pie layout with colored slices and a legend. The visualization is rendered as an SVG using D3.js, with d3.csv for data loading, d3.pie for layout, d3.arc for slice geometry, and d3.scaleOrdinal for color mapping.

Nnandasaipalankius@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
85% 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
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
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…

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
81% 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
81% match