Sharada

@Vsharada·3 public vizzes

Fork of Fork of Knowledge Graph

This interactive knowledge graph maps the relationships between five robot components, such as AGGR and ELIG, using node and link diagrams. Each node is assigned a group (Team A through E) with a distinct color, though runtime and category metadata are not visually encoded. The implementation uses the D3.js v5 library to build an SVG visualization, with an ordinal color scale and custom markers, attributes, and edge label paths. The dataset is hardcoded in the JavaScript source, which renders the graph within a bordered SVG canvas.

Dec 3, 2024

Loading thumbnail…

Fork of Knowledge Graph

A static directed graph depicts a software knowledge graph of robot components, with nodes representing specific services and links indicating execution flow. Node colors map to teams and categories, while link stroke and arrowheads visualize named transitions such as "Next" and "Go to". Built with D3 v5, the SVG rendering manually positions nodes using a scaleOrdinal color scheme, with links drawn as lines and arrow markers generated from a path definition.

Dec 1, 2024

Loading thumbnail…

Fork of ICE-8 Tree graph

This example visualizes a product hierarchy as a tree graph with three node types—rectangles for the root category, ellipses for subcategories, and circles for individual products—using a custom D3 v7 selection with varying fill colors by depth. The code applies the `d3.hierarchy` and `d3.tree` layouts, positions nodes horizontally by depth, and renders connections with `d3.linkHorizontal`. It derives its structure from inline JavaScript objects representing furniture and technology categories, and renders everything as SVG with labeled text for each node.

Dec 1, 2024