Skip to main content
SimilarExport ZIP
100%

Hello VizHub

✓ Published0🌍 Public
Jjenniferslagt
Last edited Nov 14, 2019
Created on Nov 14, 2019
Forked from Hello VizHub

This example displays a static pie chart visualizing the distribution of weapon types, with each slice labeled, rendered as an SVG. The chart is built using D3.js v4, employing `d3.pie()` and `d3.arc()` to compute slice geometry, and `d3.scaleOrdinal` with the `d3.schemeSet2` color palette. Data is loaded from a CSV file hosted on VizHub, though it uses dummy data for the displayed chart. The visualization is set against a dark background with large, centered typography.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Piechart

This example presents a pie chart visualizing the quantity of fruits sold, with each slice labeled by its percentage of the total. The chart is rendered as an SVG within a VizHub project, loading data from a remote CSV file using `d3.csv`. The code leverages `d3.pie` and `d3.arc` to generate the slices, `d3.scaleOrdinal` with `schemeCategory10` for colors, and creates an HTML legend with colored swatches. The chart title and percentage labels appear directly in the SVG, with `d3.sum` used to compute totals.

NNagalakshmi Thota
83% match
Loading thumbnail…

Hello VizHub

This pie chart visualizes total sales by product category, using data from a cleaned sales dataset hosted on GitHub. Built with D3.js v7, it employs `d3.pie` and `d3.arc` to generate the chart segments, with colors assigned via `d3.scaleOrdinal`. The code processes the CSV data with `d3.csv`, groups values using `d3.rollups`, and renders the result as SVG, including a legend and placeholder axis labels.

Ddivya.matavalam828@gmail.com
82% 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…

Viz - pie3d - default

This example presents a three-dimensional pie chart built with D3.js v4 and the Viz.js library, using SVG rendering. The chart displays six data values as extruded, angled sectors, giving a sense of depth and perspective. The visualization is constructed by calling `viz.pie3d()` and binding it to an SVG group element via `d3.select("g").call(pie3d)`. The data array `[6.24, 14.2, 22.71, 4.56, 2.93, 1.36]` is passed directly to the pie3d function. The code relies on the viz.js API to generate the 3D effect within the SVG output.

NNPashaP
81% match
Loading thumbnail…

Fork of Hello VizHub

This example presents a pie chart of engine efficiency across various vehicle types. The D3.js code builds the visualization using the `pie` and `arc` generators, rendering SVG paths for each slice and a legend with colored boxes and formatted text labels. The chart's data is hardcoded within the script, and colors are assigned via `scaleOrdinal` with the `schemeCategory10` palette. The final visualization includes a title and a legend positioned to the right of the pie.

Ssanavenkatasurendrareddy@gmail.com
81% 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
81% match
Loading thumbnail…

Fork of Hello VizHub

This example presents an age distribution pie chart built with D3 v7. It fetches CSV data from an online source, counts entries into four age brackets, and visualizes the proportions as pie slices with labels. The chart uses `d3.csvParse`, `d3.pie`, `d3.arc`, and a `d3.schemeCategory10` color scale, rendering arcs and a legend inside an SVG.

Aanusha.chilkamarri26@gmail.com
80% 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
80% match