Pharmazeutik

@Pharmazeutik·2 public vizzes

Grakn Force Graph

This example visualizes a Grakn knowledge graph as an interactive force-directed network, displaying entities, attributes, and relations as color-coded nodes connected by labeled edges. It uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, and renders SVG shapes with D3 selections. Right-clicking a node opens a custom context menu, built via a reusable `menuFactory` function that appends menu entries to the SVG. The graph data comes from a static JSON file, and the visualization is implemented in React with D3 v6.

Dec 23, 2020

Loading thumbnail…

iDEP D3v6 Machbarkeitsstudie

This example demonstrates a minimal feasibility study for embedding D3 v6 within a React framework, rendering the text “Hello HTML” directly onto the page. The code uses a simple CSS rule to enlarge the body font and JavaScript to select the body element with `d3.select` and set its text content. It relies on the D3 library loaded from a CDN, with the page structure defined in `index.html`. The visualization shows no data or interactive elements, serving only as a basic proof-of-concept for D3 v6 integration.

Dec 23, 2020