Pie chart

100%

Pie chart - aantal wapens per wapentype

✓ Published0🌍 Public

Last edited Nov 15, 2019

Created on Nov 7, 2019

A pie chart displays the top 10 weapon types from the Netherlands Museum of Ethnography collection, with counts per category such as arrows, spears, and swords. The visualization uses D3 v4 (d3.pie and d3.arc) to generate SVG paths from a SPARQL query against the Network of Digital Heritage API, fetching data as JSON. A d3.scaleOrdinal with the schemeSet2 color palette encodes each slice. The chart includes a title and manually positioned text labels for a rudimentary legend, while the annotation text is hardcoded and does not reflect actual data values.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Wapens per categorie wereldwijd!

This visualization maps the worldwide distribution of weapon types using a geographical projection. Dots representing individual objects are plotted on a Mercator-projected world map, with each dot’s color corresponding to its weapon category. A zoomable interface and a legend animate into view on the left side. The visualization uses `d3.geoMercator` and `d3.geoPath` for the map, `d3.scaleOrdinal` with a category color scheme, and `d3.zoom` for interaction. Data is fetched via a SPARQL query from the Dutch Digital Heritage Network’s API, with country outlines loaded from the World Atlas TopoJSON dataset.

TTomas S

74% match

Loading thumbnail…

Wapens per categorie wereldwijd!

The visualization displays weapons and their categories on a world map, with points colored by category and a legend showing the color scale. D3 v5 and topojson load geographic data from the World Atlas, while a SPARQL query fetches weapon metadata from the Netwerk Digitaal Erfgoed API, including coordinates. The map uses a geoMercator projection with d3.geoPath for country shapes and circle elements for data points, featuring zoom and pan via d3.zoom. The legend animates in using a transition on the style transform.

TTomas S

72% match

Loading thumbnail…

Pie chart RDW beter?

This visualization displays a pie chart that uses data from the RDW (Dutch vehicle registration authority) to explore parking usage purposes, though the chart currently renders hardcoded year values (2013–2019) rather than the fetched API data. The code fetches JSON from two RDW Open Data endpoints using the Fetch API, filters location data by the `startdataarea` column, and then builds the chart with d3.pie() and d3.arc(), styled with d3.scaleOrdinal and d3.schemeCategory10. Rendering occurs as SVG elements within a 400x400 viewport.

SSergio Eijben

66% match

Loading thumbnail…

Simple Circle Pack

This example shows a circle pack visualization of cultural heritage objects from the Nederlands Open Museum, organized by hierarchical categories under "wapens en munitie" (weapons and ammunition). It uses d3.pack and d3.hierarchy to layout the circles, with data fetched from a SPARQL endpoint via d3.json. The code queries two separate datasets—one for category hierarchies and one for object counts—to size the circles. Circles are rendered as SVG elements with semi-transparent purple fills and white strokes on a purple background.

DDeanna Bosschert

65% match

Loading thumbnail…

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.

Jjenniferslagt

64% match

Loading thumbnail…

A pie chart displays the proportional breakdown of a categorical variable, using colored slices to represent each category's share of the whole. The example renders a fixed dummy dataset (`{a: 9, b: 20, c:30, d:8, e:12}`) as SVG paths, with each slice's angle determined by `d3.pie` and its geometry drawn via `d3.arc`. Colors come from `d3.scaleOrdinal` with a manually specified palette, and the chart is centered within a 450×450 pixel canvas. The code uses the D3.js v4 library, appending the visualization to a `<div>` and styling slices with black strokes and 0.7 opacity.

Hhanulik.ondrej@gmail.com

64% match

Loading thumbnail…

Een collectie zonder Indonesië

This bar chart displays the number of objects in a museum collection per category, excluding items from Indonesia, with bars colored by continent and selectable via radio buttons. It uses D3 v5 to query a SPARQL endpoint from Netwerk Digitaal Erfgoed, fetching data about world cultures, and renders the results as an SVG with custom axes. The chart rotates category labels and applies a color palette based on continent values.

MManoukK

64% match

Loading thumbnail…

Pie Chart for Nukes dataset

A pie chart displays the number of nuclear warheads per country, with each slice colored distinctly and a legend listing country names alongside their values. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs to generate SVG paths, while data is loaded from a CSV gist via `d3.csv`. Slices are rendered without gaps, and the chart is centered within an SVG of 960 by 500 pixels, with legend text styled via CSS.

Rreddyakshitha

63% match