Wikidata RPC for NetsBlox

100%

Wikidata RPC for NetsBlox

✓ Published0🌍 Public

Last edited Oct 24, 2018

Created on Aug 19, 2018

This visualization demonstrates how Wikidata can be accessed as a Remote Procedure Call (RPC) service within NetsBlox, a visual programming environment. Built with Vue and rendered on HTML5 Canvas, the project pairs an XML room definition with a markdown guide that explains Wikidata's code-block integration. The example uses WebGL for rendering and focuses on Berlin-related Wikidata queries, showing real-time data retrieval from the live knowledge base directly within NetsBlox's block-based interface. The visualization is accompanied by an animated GIF illustrating the code blocks in action, making it a practical reference for developers working with semantic data in educational or prototyping contexts.

AI-generated description

Similar vizzes

Loading thumbnail…

block wall

A wall of small multiples, each representing a single D3 block from the bl.ocksplorer.org corpus. The visualization uses a force-directed layout to arrange thumbnail images of thousands of gists, where each block is positioned based on similarity—derived from data in the block-similarity file—and rendered as a webGL point cloud with an SVG overlay for hover interactions. Users can pan and zoom to explore the structure of the block universe, with colors or positions encoding clusters of related visualizations and authored work.

CCBasis

61% match

Loading thumbnail…

block wall: thumbnails hilbert

This visualization displays a curated collection of block thumbnails arranged in a Hilbert curve layout, creating a space-filling pattern that organizes visual snapshots of code blocks by their position in a sequence. Built with D3 v3 and React, the WebGL-animated view uses a Hilbert curve to order and place thumbnail images, where each thumbnail represents a block from the bl.ocksplorer.org project. The space-filling curve provides a spatial ordering that groups similar blocks together while maintaining a compact, structured wall of images. The visualization is interactive and was developed as part of a block-scanning workflow to explore and navigate the repository of D3 examples.

JJuannovo

61% match

Loading thumbnail…

Blocks Graph

This visualization displays a force-directed network of mentions among bl.ocks examples. Each node represents a block, colored by its author, and links show when one block's README references another. The graph is rendered on a Canvas using d3.forceSimulation with forces for many-body repulsion, link attraction, and positioning, and supports interactive dragging and hover to reveal block details. It uses cleaned data from Micah Stubb’s original 2016 dataset.

FFrissAnalytics

60% match

Loading thumbnail…

Blocks Graph VI

A force-directed graph of d3.js blocks, where each node represents a block and links show connections between them. Nodes are colored by author, and hovering over a node displays that block's thumbnail image in a tooltip. The visualization uses d3.forceSimulation for layout and renders to a Canvas element via its 2D context. Dragging nodes is supported through d3.drag, and block data is loaded from a JSON file.

PPooky2011

60% match

Loading thumbnail…

DBPedia Ontology Viz

This visualization displays a hierarchical subset of the DBPedia ontology, a taxonomy of classes categorizing Wikipedia articles, as a circle packing diagram. Circles are nested to show class relationships, with color based on depth and gradients creating a 3D sphere effect. Users can pan, zoom, and click any circle to open a SPARQL query listing related Wikipedia articles. The code uses d3.js functions like `stratify`, `pack`, and `zoom` to compute the layout and interactions, with data loaded from a provided CSV file.

CCurran Kelleher

60% match

Loading thumbnail…

Wikidata for Theological Librarians

This example demonstrates how theological librarians can use Wikidata to explore and visualize interconnected scholarly data. It shows a SPARQL query interface that retrieves information about theologians, their works, and associated religious concepts, rendered as an interactive network graph. The visualization uses D3.js’s force-directed layout to position nodes and links, with hover tooltips revealing entity details. Data is sourced live from Wikidata’s public endpoint, while the code employs the `d3.forceSimulation` API for physics-based layout and custom SVG rendering for clarity.

CCliffordAnderson

59% match

Loading thumbnail…

Blocks Graph

The visualization shows a force-directed network of 1,238 bl.ocks examples, with nodes representing individual gists colored by author and links indicating mentions between README files. The network layout is computed using `d3.forceSimulation` with many-body charge, link, and position forces, and rendered directly to a Canvas `getContext("2d")` surface. Nodes are drawn as small circles with a 3-pixel radius, and hovering reveals a link to the original bl.ock, while dragging interactively repositions nodes. The data is a cleaned subset of Micah Stubb’s May 2016 dataset, filtered to remove missing and redundant entries.

Mmbostock

59% match

Loading thumbnail…

Gist e0350d5c472d4ca8006746e6446886ac

This WebGL-powered visualization demonstrates how reusable "skills" can be packaged as discrete, context-aware units for agentic coding with Claude Code. The rendering shows a network graph of skill components—including SKILL.md files, reference scripts, and constraint sets—using custom shaders to animate the relationships between repository metadata and skill load behavior. Built with Vue and Three.js, the scene maps the flow from persistent context files like CLAUDE.md to on-demand skill invocation, with color-coded nodes representing different skill anatomy parts. The visualization directly encodes the comparison table from the workshop, translating markdown structure into an interactive 3D topological map where edge thickness represents context-window footprint and script interpolation points appear as pulsing geometry.

IIoTeacher

59% match