Skip to main content
SimilarExport ZIP
100%

act7-q1

✓ Published2🌍 Public
RRayabarapu Nikhitha
Last edited Nov 5, 2024
Created on Nov 5, 2024

This example displays a pie chart showing the distribution of insurance records across regions. It loads a CSV file from a GitHub gist and aggregates the data by region using `d3.rollup`. The pie slices are rendered with `d3.pie()` and `d3.arc()` into an SVG, with each slice labeled with its count and colored using `d3.scaleOrdinal` with the `schemeCategory10` palette. A separate legend SVG lists the region names and their corresponding colors.

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…

question_1

This pie chart shows the distribution of insurance records across four regions—southeast, southwest, northeast, and northwest—using data loaded from an external CSV file. The chart uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.rollups` to aggregate and visualize the counts, with a categorical color scale (`d3.scaleOrdinal`) assigning distinct colors. Each slice is labeled with its region name via arc centroids, and a legend is rendered using SVG rectangles and text elements, all positioned within a 600x600 SVG container.

Sshivasaiamaravadi@gmail.com
86% match
Loading thumbnail…

Activity7_1

This example displays fruit sales distribution across four regions in a pie chart, with each slice labeled to show the regional values and a legend identifying the color mapping. The visualization is rendered as an SVG using D3 v7, where the pie chart is generated from CSV data loaded via the `d3.csv` function, and slices are drawn with the `d3.pie` and `d3.arc` methods. The code also uses D3's selection and join operations to append paths and text elements, with custom styling for the title, axis-like labels, and legend.

Aamarnadhkari98@gmail.com
83% match
Loading thumbnail…

Fork of Hello VizHub

This example displays a D3.js pie chart that visualizes the distribution of insurance records by region, rendered as SVG with an accompanying legend and interactive tooltips. The code loads CSV data from a GitHub-hosted dataset using `d3.csv`, aggregates region counts with `d3.rollup`, and constructs the pie with `d3.pie` and `d3.arc`. Hovering over a slice highlights it, triggers a tooltip showing the category and value, and applies categorical colors from `d3.scaleOrdinal` and `d3.schemeCategory10`.

Kkotha.shiva@btech.christuniversity.in
82% match
Loading thumbnail…

pie chart-5320

This pie chart displays the distribution of insurance complaints by complaint type. It uses a D3.js SVG rendering to create a circular visualization with colored segments and labels. The code loads data from a CSV file hosted on a GitHub Gist, then uses `d3.rollup` to count complaints per type, `d3.pie` to generate the pie geometry, and `d3.arc` to draw the arcs. Each slice is filled with a color from `d3.schemeCategory10`, and text labels are positioned at the arc centroids.

Rrajkodavati7@gmail.com
82% match
Loading thumbnail…

Activity7_1

This pie chart visualizes fruit sales distribution across four regions: North, South, East, and West. The visualization loads CSV data from a GitHub gist and uses D3.js v7's `csv`, `pie`, and `arc` generators to compute and render the SVG paths. Each slice is colored via a categorical color array and labeled with its region and value, with additional title, axis-style labels, and a legend legend positioned around the chart.

Aamarnadhkari98@gmail.com
81% match
Loading thumbnail…

act 7 q1

This example displays a pie chart of the top 10 countries by 2022 population, with a legend alongside the slices. It uses D3.js v7 APIs including `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to load and process the dataset, generate the pie geometry, and assign categorical colors. The chart is rendered as SVG with text labels positioned via arc centroids, while a legend is built manually with `rect` and `text` elements. Data comes from a CSV hosted on GitHub.

Vvinaykollapudi@my.unt.edu
81% match
Loading thumbnail…

act7_q1piechart

This pie chart visualizes the distribution of flower species from a CSV dataset, displaying the proportion of each species with colored slices and labels. The chart is built with D3.js v7, using `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG paths, with an ordinal color scale assigning light green, blue, and orange to species groups. A legend on the right side, rendered as SVG rectangles and text, maps each color to its corresponding species, while `d3.rollups` aggregates the raw data into species counts before drawing.

Ssaikarthiknimmagadda@gmail.com
80% match
Loading thumbnail…

ICE7 - Pie Chart

This pie chart visualizes regional sales distribution, with each slice representing a region's proportion of total sales and a legend showing region names with percentage values. The code loads sales data from a GitHub-hosted CSV using d3.csv, then renders the chart with d3.pie and d3.arc functions, applying colors via scaleOrdinal. SVG elements are appended to the page using d3.select, with legend text formatted via d3.format to display percentages. The visualization uses d3.v5 and outputs the result as scalable vector graphics.

Kkuraakhila9@gmail.com
80% match