Nice barchart

100%

✓ Published1🌍 Public

Last edited Nov 25, 2019

Created on Nov 20, 2019

This bar chart visualizes the distribution of culturally significant objects across continents, with each bar’s height representing the count of objects per origin. The visualization uses D3 v5 to fetch SPARQL query results from the Network of Digital Heritage, then processes and renders the data as an SVG bar chart. The code employs `d3.nest` for data grouping, `d3.scaleBand` and `d3.scaleLinear` for axes, and includes axis labels and grid lines for readability.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Nice barchart

This example visualizes the distribution of object types across continents using a nested dataset from a SPARQL endpoint. Animated SVG bars represent counts of cultural heritage objects, with each group color-coded by geographical origin. The code fetches JSON data via `d3.json`, processes it through a chain of `.then()` transformations, and uses `d3.nest()` to structure the data by continent. Rendering relies on D3 v5’s SVG selection and animation methods, with styling defined in a linked stylesheet.

NNick

93% match

Loading thumbnail…

Vert barchart!

This visualization displays a vertical bar chart that aggregates the number of museum objects by their continent of origin, with bars colored by object type (such as "tabakspijpen" or "waterpijpen"). The chart dynamically fetches data from a SPARQL endpoint via `d3.json`, mapping the results into a barchart using `d3.scaleLinear` and `d3.scaleBand` for the y and x axes. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleOrdinal` assigns colors to each category, and rectangles are drawn in SVG with a fixed opacity.

NNick

82% match

Loading thumbnail…

Scatterplot V1

This scatterplot visualizes the distribution of cultural heritage objects across continents, plotting the quantity of each object type against its geographic origin. The code uses d3.scaleLinear and d3.scalePoint to map data values to SVG circle positions, with each circle representing a continent and object type combination. It loads data from a SPARQL endpoint via d3.json, then renders axes using d3.axisLeft and d3.axisBottom. The visualization uses semi-transparent tomato-colored circles, with SVG rendering and d3.v5.

NNick

80% match

Loading thumbnail…

Bar chart experiment

This example visualizes the number of cultural objects per function type within a museum collection, displayed as a horizontal bar chart. It queries a SPARQL endpoint from the Network Digital Heritage dataset using a custom `runQuery` function, then maps the results with D3 v5 scales. The bars are colored using `d3.scaleOrdinal` with `schemeCategory10`, and axes are generated via `axisLeft` and `axisBottom`. Tooltips are added through SVG `title` elements. The chart is rendered entirely as SVG in a static HTML page.

RRamon96

79% match

Loading thumbnail…

Scatterplot V3 Yiiet

This scatterplot visualizes the distribution of cultural heritage objects across geographic origins, with each circle representing a continent and its size reflecting the count of objects. The code uses d3.scaleLinear and d3.scalePoint to map counts and origins, while d3.axisLeft and d3.axisBottom render the axes. Data is fetched via a SPARQL query from the Network Digital Heritage API, processed with d3.json, and rendered as SVG circles with a fixed radius.

NNick

78% match

Loading thumbnail…

Smokelicious barchart!

This bar chart shows the number of pipe-related museum objects from different world regions, with each bar colored by pipe type using a D3 ordinal scale. The visualization displays five categories—including tobacco pipes, water pipes, and opium pipes—across continents, with hover effects increasing bar opacity. It loads SPARQL query results from the Network Digital Heritage dataset via d3.json, then renders SVG rectangles using d3.scaleLinear for the x-axis and d3.scaleBand for the y-axis. Axes are generated with d3.axisLeft and d3.axisBottom, while d3.max and .nice() scale the value range.

NNick

76% match

Loading thumbnail…

Making a barchart

This example shows a horizontal bar chart comparing 2018 population figures across continents, with each bar labeled by continent name and formatted population value. The SVG visualization uses D3 v5 scales—`scaleLinear` for the x-axis population range and `scaleBand` for the y-axis continent categories—with padding to separate bars. Data is parsed from a CSV string in `data.js` using D3’s `csvParse`, and numeric values are cleaned of commas and percentage signs. Rects and text are bound to the data via `selectAll` and `.enter()`, with bar widths scaled against the maximum population.

SShane Carey

76% match

Loading thumbnail…

Interaction

This visualization maps the worldwide distribution of cultural objects by function, using a natural Earth projection with colored circles to represent object counts per category. Users can pan and zoom the map via d3.zoom, while circles animate in with a bounce effect. The code employs d3.geoPath and topojson for geographic features, and retrieves live SPARQL data from the Netherlands Digital Heritage Network API. A categorical color scale distinguishes object types, with a legend and tooltips providing country names and category labels.

Iiascchwen

75% match