Skip to main content
SimilarExport ZIP
100%

Activity_7 Q_1

✓ Published0🌍 Public
Bbhavya.kanyadara@gmail.com
Last edited Apr 12, 2025
Created on Apr 12, 2025
Forked from Hello VizHub

This example shows a pie chart of five books and their average ratings, using a static dataset embedded in the code. The chart is rendered as an SVG using D3 v7, with pie slices generated by the `d3.pie` and `d3.arc` functions, colored via `d3.scaleOrdinal` and `d3.schemeCategory10`. Labels are placed at each slice’s centroid, and a legend with color swatches and rating values appears on the right. The SVG is styled with a white background and subtle shadow.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-7Q1

This example shows five small pie charts displaying genre distributions across five rating ranges, from "below 5.0" to "above 8.5". The dataset is loaded via `d3.csv` from a GitHub raw link, with each chart labeled by rating range. The code uses `d3.pie` and `d3.arc` to generate slices, `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring, and SVG text for slice labels. Each chart includes a legend below it and is rendered as an inline-block div within a flex container.

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

Activity - 7 - Q1

This pie chart shows the sales figures for a set of books, with each slice labeled by its sales value in crores and accompanied by a color-coded legend. The visualization loads data from a GitHub-hosted CSV file using `d3.csv` and renders the chart with D3 v5's `pie` and `arc` generators. Slice colors are assigned via `d3.scaleOrdinal`, and the final SVG output places the chart and its legend within a 960 by 500 pixel canvas.

NNitish Thotakura
84% match
Loading thumbnail…

Activity_7.1 q1

This pie chart visualizes the distribution of student performance categories, with each slice labeled and colored according to its category. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `schemeSet2` assigns colors. Data is loaded asynchronously from a CSV file hosted on GitHub Gist and rendered as an SVG, with a legend positioned to the right of the chart to identify each category.

Ssanjanaadapa7@gmail.com
83% match
Loading thumbnail…

Activity-7 q-1

A pie chart displays the distribution of sales counts across different brands, with each slice labeled and colored uniquely. The chart is rendered as an SVG using D3.js v7, with data loaded from a CSV file via `d3.csv` and aggregated using `d3.rollup`. Slices are generated with `d3.pie`, and a legend positioned to the right shows brand color mappings. Hover tooltips are not implemented, but static labels and a Tableau10 color scheme provide clarity.

Bbhargavireddy4016@gmail.com
83% match
Loading thumbnail…

activity7, question1

This example shows a pie chart visualizing five categories (A–E) with their corresponding numeric values, alongside a color-coded legend and axis labels. It uses a static sample dataset defined in the code. The visualization is built with D3.js v6, using `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG path data. A `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors, and the chart renders as SVG elements appended to the body.

Ssahithitoomu@gmail.com
83% match
Loading thumbnail…

Activity9Ques-1

This pie chart visualizes tennis players' ratings, displaying each player's name and their total overall rating as slices. The chart uses D3 v5 (d3.pie, d3.arc, d3.scaleOrdinal) to generate the pie geometry, color the slices, and position labels at each slice's centroid. The data is fetched as CSV from a GitHub gist. Hovering over a slice reveals a tooltip with the player's name, average score, and total rating, while a legend on the left lists all players and their ratings. The chart is rendered as SVG with custom styling.

Ssirichandana017@gmail.com
82% 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
82% 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
82% match