Skip to main content
SimilarExport ZIP
100%

Fork of vizhub for CSCE 5320ASSIGNMNET 2

✓ Published0🌍 Public
Ssriharshakondakindi@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024

This example shows a D3 pie chart that visualizes the number of items with a rating above 8.5 across different genres, using data loaded from a remote CSV file via `d3.csv`. The chart renders as an SVG with a categorical color scale (`d3.scaleOrdinal` and `d3.schemeCategory10`), and each slice is drawn using `d3.pie` and `d3.arc`. A legend on the right maps each genre to its corresponding color, with the chart styled using opacity, black strokes, and explicit width and height dimensions.

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…

Fork of Hello VizHub

This fork of Hello VizHub displays a pie chart of scores loaded from a remote CSV file. The visualization uses d3.pie and d3.arc to compute and render the donut-like segments, with a categorical color scale (d3.scaleOrdinal) assigning colors. Data is fetched via d3.csv from a GitHub gist, and the SVG paths and labels are drawn with D3's data-join pattern, placing names at each arc's centroid.

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

Fork of Hello VizHub

This pie chart visualizes the distribution of Netflix titles by genre, with data loaded from a remote CSV file. The chart uses D3 v7’s `d3.pie` and `d3.arc` to generate slices, while `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors. Each slice displays its genre label and count directly on the chart via SVG text elements, and a legend on the right maps colors to genres. The visualization is rendered as an SVG inside an HTML page.

CChandra Prakash Reddy Kalwakolu
84% 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
84% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This example presents a pie chart of aggregated sales data by product category, loaded from a CSV file hosted on GitHub and rendered as an SVG. It uses D3 v6 APIs such as `d3.csv`, `d3.rollups`, `d3.sum`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. The chart displays each category’s total sales in thousands and its percentage share, with labeled arcs and a legend.

KKritin Kesav
83% match
Loading thumbnail…

Fork of DV TAK-9&10

This example shows a pie chart of movie genres and their associated metric, using a CSV file fetched via `d3.csv` that stores each genre with a value from a column titled "below 5.0". It displays proportional arcs for each segment, colored with `d3.scaleOrdinal` and `d3.schemeCategory10`, plus a color-coded legend listing every genre. The chart is built with `d3.pie` and `d3.arc` in an SVG container, with white strokes separating the slices. The layout pairs the pie with a legend on the right, both rendered in plain HTML and SVG.

Nnagabinduk2023@gmail.com
83% match
Loading thumbnail…

Fork of Hello VizHub 91

This example visualizes the distribution of data across ten team categories using a pie chart rendered in SVG. It loads a CSV file from a GitHub gist, processes the data with D3 v5, and displays each slice with its corresponding percentage value. The chart uses `d3.pie`, `d3.arc`, and a color scale, with a manually positioned legend listing team names and colored markers.

Iiamjathin11@gmail.com
83% match
Loading thumbnail…

Fork of activity7jaswanth

This example shows a D3 pie chart that visualizes a CSV dataset, coloring each slice by genre category and displaying a legend. It loads data from a GitHub raw CSV file, converts string values to numbers, and uses `d3.pie` with `d3.arc` to generate SVG path slices. The chart applies a `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and adds a legend with `rect` and `text` elements, all rendered in an SVG container via D3 v6.

JJaswanthkota@my.unt.edu
83% match
Loading thumbnail…

Fork of Hello VizHub

This pie chart visualizes the distribution of pizza orders by category, with each slice labeled with its count and a legend identifying the categories. The code loads data from a GitHub Gist CSV file using `d3.csv`, calculates category frequencies through manual aggregation, and renders the chart as SVG with `d3.pie` and `d3.arc`. Slices use a `d3.scaleOrdinal` color scale with `d3.schemeCategory10`, and labels are positioned via `arc.centroid`. The legend is built manually, mapping rectangles and text to each category.

Kkshravyak.2001@gmail.com
83% match