Nick

@CountNick·12 public vizzes

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.

Dec 29, 2019

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.

Nov 25, 2019

Loading thumbnail…

New barchart

This stacked bar chart shows how resources are allocated across five categories (ABC, PQR, XYZ, LMN, OPQ), with each bar split into used and unused portions. The chart uses a d3.stack layout with stackOffsetExpand to normalize the bars to equal height, while the y-axis displays the raw total values via a d3.scaleLinear. Draws in SVG using d3.v5, the visualization colors the stacked segments with d3.scaleOrdinal from d3.schemeCategory20c and includes gridlines generated by d3.axisLeft. The data comes from hardcoded JavaScript records with name, total, and used fields.

Nov 25, 2019

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.

Nov 25, 2019

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.

Nov 22, 2019

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.

Nov 16, 2019

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`.

Nov 14, 2019

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.

Nov 14, 2019

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.

Nov 12, 2019

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.

Nov 12, 2019

Loading thumbnail…

Scatterplot V1

Nov 12, 2019

Loading thumbnail…

Hello VizHub

This example renders a smiling face as a static SVG graphic. It draws a yellow circle for the head, two eyes, eyebrows, and a mouth using D3's `select`, `append`, and `arc` APIs. The `d3.arc` function generates the mouth path, while SVG `circle` and `rect` elements form the other facial features. The chart is centered using SVG transforms, with a tomato-colored background applied via CSS.

Nov 12, 2019