Skip to main content
SimilarExport ZIP
100%

Activity-9_Question-1

✓ Published0🌍 Public
Ttharunramula@gmail.com
Last edited Apr 22, 2024
Created on Apr 21, 2024
Forked from Hello VizHub

This example shows a pie chart displaying vegetable quantities in kilograms. D3.js v7 is used to load the data and generate the SVG rendering, with `d3.pie()` calculating the slice angles and `d3.arc()` drawing the paths. A categorical color scale from `d3.schemeCategory10` fills each slice, and a legend listing the five vegetables appears alongside the chart. Axes labels for "Vegetables" and "Quantity (kg)" frame the visualization, while the sample dataset is hardcoded in the script.

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…

Activity-9_Question-1

This example presents a donut-style pie chart visualizing the quantity of different fruits from a CSV dataset fetched via `d3.csv`. It uses D3 v5 to compute arc paths with `d3.pie()` and `d3.arc()`, rendering the chart as SVG. A categorical color scale via `d3.scaleOrdinal` and `d3.schemeCategory10` colors each fruit slice. The code also constructs a legend with colored rectangles and text labels, positioned to the right of the chart.

Hharipadmavathim2023@gmail.com
86% match
Loading thumbnail…

Activity 7 Question 1

This visualization shows a pie chart of fruit quantities, with each slice labeled by fruit name and a color-coded legend on the left. It uses D3 v7 to load CSV data from a GitHub gist, calculating the arc paths with `d3.pie` and `d3.arc`. The chart includes fake X and Y axis labels for display, and text elements are positioned using `arc.centroid`. Colors come from `d3.scaleOrdinal` with `schemeCategory10`.

MMahimaChowdaryKasthala@my.unt.edu
86% match
Loading thumbnail…

Activity7.1_Question1

This visualization shows fruit sales data as a pie chart with a legend and axis labels, comparing sales across five fruit types. It loads data from a CSV file via `d3.csv`, then uses `d3.pie()` and `d3.arc()` to generate SVG paths for each slice. A `d3.scaleOrdinal` with `d3.schemeCategory10` colors the arcs, and the chart is rendered as an SVG in a 600x400 viewport. The markup is created with D3 v7 selections and appends.

Vvidyagangasani@my.unt.edu
85% match
Loading thumbnail…

Activity 7 Question 1

This example shows a classic pie chart built with D3.js, where each slice represents a category from a CSV dataset loaded remotely via `d3.csv`. The chart uses an ordinal color scale, and a legend lists each category alongside its subcategory. The code generates SVG paths with the `d3.arc` and `d3.pie` generators, and includes placeholder axis labels despite being a pie chart. The visualization renders entirely in SVG, with the legend placed to the right of the chart and a white stroke separating each slice.

Ccharanshiva769@gmail.com
84% match
Loading thumbnail…

Activity9-Ques1

This example shows a basic pie chart visualization built with D3.js, displaying three categorical values from a hardcoded dataset. The chart renders as an SVG with colored arc segments using the `d3.pie` and `d3.arc` generators, with a categorical color scale (`d3.schemeCategory10`) mapping each category to a distinct hue. A legend on the right side labels each category, while x- and y-axis labels are added to the SVG container even though the pie chart itself does not use axes. The code also includes a link to a gist data source, though the dataset is defined inline.

Ssirichandana017@gmail.com
84% match
Loading thumbnail…

Activity-7_Question-1

This D3.js v7 example presents a pie chart visualizing gadget prices, with each slice labeled by name and a corresponding on-screen legend. A CSV dataset from a GitHub gist supplies the data, which drives a color-coded categorical scale. Segments are rendered as SVG paths, and hovering over a slice triggers a tooltip displaying the item name and price. The legend is built from rendered SVG rectangles, providing a static key alongside the animated chart interactivity.

Rrahul.bonu524@gmail.com
84% match
Loading thumbnail…

Activity 7 Q1

This example shows a pie chart that visualizes categorical data loaded from a remote CSV file, with each slice colored using a categorical color scale and a legend pairing colors with category and subcategory labels. The chart is rendered as SVG using D3.js v6, where the `d3.pie()` generator computes slice angles and `d3.arc()` creates the path shapes. Data is fetched via `d3.csv`, and the color mapping uses `d3.scaleOrdinal` with `d3.schemeCategory10`. The code also adds axis labels (X and Y) that are not tied to the pie chart, acting as placeholders within the SVG layout.

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

Activity7_Question 1

A pie chart visualizes the percentage distribution of a budget across five categories: Food, Transport, Housing, Savings, and Entertainment. The chart uses d3.pie() to compute arc angles and d3.arc() to generate SVG path slices, with a color scale mapping each category to a distinct color. Percent values are labeled inside each slice using arc.centroid() for positioning, and a separate legend lists the categories with their corresponding colors. The code defines fixed data in a JavaScript array and renders the chart as an SVG element using D3 v7.

Hharinihari6791@gmail.com
83% match