Skip to main content
SimilarExport ZIP
100%

activity9-1

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

This example shows the distribution of occupations from an online food ordering dataset as a pie chart. It counts the occurrences of each occupation and visualizes the proportions using colored slices with an accompanying legend. The chart is built with D3 v6, using the `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` APIs. Data is loaded from a remote CSV file, parsed, and then rendered as an SVG with a fixed width and height.

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 7

A pie chart visualizes the distribution of housing data by ocean proximity, with each slice colored and labeled to show the count of homes in each category. The chart includes a title and a legend displaying category names with their corresponding counts. Built with D3.js (v6), the visualization loads CSV data from a GitHub repository, uses `d3.pie` and `d3.arc` to generate the pie slices, and applies `d3.scaleOrdinal` with `schemeCategory10` for colors. The SVG rendering includes slice labels positioned via `arc.centroid` and interactive hover-free styling.

Pperamranji
84% match
Loading thumbnail…

activity7

A pie chart displays the distribution of flower species, with each slice labeled and a legend mapping colors to species names. The chart is titled "Flower Species Distribution" and includes axis labels for "Species" and "Count". The visualization is built with D3.js, using `d3.pie()` and `d3.arc()` to generate the slices, `d3.scaleOrdinal` for color assignment, and a CSV file loaded via `d3.csv()` as the data source, rendering an SVG.

Ssahithitoomu@gmail.com
83% match
Loading thumbnail…

Activity7.1

A pie chart displays the share of browser usage from a CSV dataset, with each slice labeled by its percentage. The chart uses D3 v7 to load CSV data asynchronously, applies `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme, and renders via SVG. A legend on the right maps color swatches to browser names, while slice texts show the corresponding usage values. The example demonstrates handling remote CSV data, SVG path generation, and legend construction with D3's `select` and `append` methods.

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

Activity 6

This pie chart visualization displays the proportional breakdown of categorical data loaded from a remote CSV file. Constructed with D3.js v7, the SVG graphic uses `d3.pie` to compute arc segments and `d3.arc` for path geometry, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing categorical colors. A legend, including color swatches and labels, is positioned on the left side, while the chart title appears above. The code loads data via `d3.csv` and renders all elements as SVG paths and text nodes.

AAP19110020041-Pavan Kumar
82% match
Loading thumbnail…

activity 7

A pie chart visualizes the distribution of employees across departments in an HR dataset. It shows the relative counts for each department as colored slices with hover tooltips revealing exact values. A legend identifies each department's color. Built with D3 v7, the code loads CSV data, aggregates counts using `d3.rollup`, and renders the chart with `d3.pie()` and `d3.arc()`, applying an ordinal color scale and SVG elements for the slices and legend.

Jjayakrishnanallani5@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
81% match
Loading thumbnail…

Fork of Activity 7

This example visualizes delivery data as a pie chart, showing categorical proportions with labeled slices and a matching legend. Built with D3.js, it uses the pie and arc generators to compute slice geometry, scaleOrdinal with schemeCategory10 for colors, and SVG for rendering. The chart fetches its dataset from a GitHub-hosted CSV file and is implemented as a reusable piePlot component configured via chained methods for width, height, data, and field names.

Ggolisanthoshi2000@gmail.com
81% match