Skip to main content
SimilarExport ZIP
100%

Bar chart experiment

✓ Published0🌍 Public
RRamon96
Last edited Jan 21, 2020
Created on Nov 25, 2019
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Nice barchart

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.

NNick
79% match
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
78% match
Loading thumbnail…

Sample data

This visualization maps the global distribution of cultural heritage objects by function, using colored circles over an interactive world map. It queries the Network Digital Heritage API via SPARQL to retrieve object types, titles, and geographic coordinates. The map is rendered with `d3.geoNaturalEarth1` and `d3.geoPath` from the world-atlas TopoJSON, with zoom enabled. Circles are animated using `d3.easeBounce` and a color scale based on `d3.schemeCategory10`.

RRamon96
77% 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
77% match
Loading thumbnail…

Scatterplot V1

A scatterplot displays the number of museum objects per geographic origin, with each circle positioned by a linear scale for amount and a point scale for origin. The visualization is rendered as SVG using d3.v5, with axes generated via `d3.axisLeft` and `d3.axisBottom`. Data is fetched as JSON from a SPARQL endpoint at Network Digital Heritage, then mapped into an array for rendering. Circles are styled with a tomato fill and partial opacity.

NNick
73% match
Loading thumbnail…

Scatterplot V1

A scatterplot displays the number of museum objects per geographic origin, with each circle positioned by a linear scale for amount and a point scale for origin. The visualization is rendered as SVG using d3.v5, with axes generated via `d3.axisLeft` and `d3.axisBottom`. Data is fetched as JSON from a SPARQL endpoint at Network Digital Heritage, then mapped into an array for rendering. Circles are styled with a tomato fill and partial opacity.

NNick
73% 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
72% match
Loading thumbnail…

Interaction

This visualization maps the global distribution of cultural objects by function, with each point representing a museum artifact and its category shown through color. Users can pan and zoom the map using d3.zoom, while points animate onto the map with a bounce ease via d3.transition. The map uses d3.geoNaturalEarth1 and d3.geoPath to render country boundaries from TopoJSON, with data fetched live from a SPARQL endpoint via a custom fetch wrapper.

RRamon96
71% match