Skip to main content
SimilarExport ZIP
100%

Activity - 7

✓ Published0🌍 Public
Aamulyareddykondru01@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

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.

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
89% 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
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…

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

Activity_7

This pie chart visualizes fruit category proportions loaded from a GitHub Gist CSV file, with each slice labeled and colored using d3.scaleOrdinal with d3.schemeSet3. The D3 v7 code loads the data via d3.csv, converts values to numbers, and generates arcs with d3.pie and d3.arc. A custom legend, built as HTML divs, displays each category’s color and percentage. The SVG rendering includes white category labels positioned at slice centroids.

Aaschowdary.shashi@gmail.com
85% match
Loading thumbnail…

Activity7

This visualization presents a pie chart illustrating the proportional distribution of fruit categories, with each slice labeled by its category name. The chart loads a CSV dataset from a GitHub repository, parsing the numeric values to generate the pie geometry. Using D3.js v7, the code defines the chart dimensions, creates an SVG container, and applies an ordinal color scheme for slice differentiation. A custom legend is appended to the page, using HTML divs to display each fruit category with its corresponding percentage value.

Aaschowdary.shashi@gmail.com
85% match