Skip to main content
SimilarExport ZIP
100%

Smokelicious barchart!

✓ Published1🌍 Public
NNick
Last edited Nov 25, 2019
Created on Nov 12, 2019
Forked from Scatterplot V1

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.

AI-generated description
MIT Licensed

Similar vizzes

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

StackEm

StackEm visualizes the distribution of pipe-related museum objects across continents, showing each object's origin on the y-axis and its count on the x-axis using horizontal bars colored by pipe type. The chart queries the Network Digital Heritage Netherlands SPARQL endpoint, then renders the results as an SVG using D3 v5's scaleLinear, scaleBand, and scaleOrdinal with the schemeSet1 palette. Axes and rectangles are appended directly to the SVG group, with data fetched asynchronously via d3.json.

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

Scatterplot with colored dots

This scatterplot displays the number of museum objects per continent, with each dot colored according to the type of object (such as water pipes or tobacco pipes). The visualization uses a D3.js v5 SVG rendering, with a linear scale for the x-axis (counts) and a point scale for the y-axis (continents). Data is fetched live from a SPARQL endpoint via `d3.json`, and axes are generated using `d3.axisLeft` and `d3.axisBottom`.

NNick
75% 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
74% match
Loading thumbnail…

A6 Diverging Bar Chart D3

This diverging bar chart visualizes the percentage-point change in smoking rates between 2011 and 2012 across five countries, with positive differences extending rightward in blue and negative differences leftward in red from a central zero axis. The chart uses D3.js v7 to load the CSV dataset, compute the absolute maximum difference for symmetric axis scaling, and render SVG rectangles with horizontal orientation. A d3-scale linear color scale maps negative to positive values through light grey, while the d3-legend plugin adds a horizontal color legend. Hovering highlights bars in orange, and the chart includes labeled axes for both percentage difference and country names.

EEric Yao
70% 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
70% match
Loading thumbnail…

EXPLORING BAR CHART

This interactive bar chart visualizes population data for ten countries, displaying values horizontally with a logarithmic scale. The chart uses D3 v5 to render SVG graphics, with mouseover effects that display tooltips showing country names and population figures. Users can click bars to select them, changing their color from green to pink, while the entire visualization updates with smooth transitions. The code references D3's scaleLinear, scaleBand, and axis functions, along with custom mouse event handlers adapted from a Medium tutorial.

GGuillamon
69% match