Fork of 2-13-22 Clean Sheet

100%

Fork of 2-13-22 Clean Sheet

✓ Published0🌍 Public

Last edited Feb 19, 2022

Created on Feb 19, 2022

This visualization renders a hierarchical knowledge graph from JSON-encoded semantic parses of sentences, showing predicates, arguments, and nested propositional structures. It uses d3.v4 with forceSimulation for layout, rendering nodes and links as SVG elements, while Canvas is used to measure text dimensions for label sizing. Nodes represent nucleus predicates, referents, and modifiers, with links connecting arguments to their cores. The example loads data via d3.json and constructs the graph by iterating through the ContextTrackingData array, handling nested clauses and referent phrases.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

2-13-22 Clean Sheet

This visualization renders a semantic knowledge graph from linguistic JSON data, showing propositional relationships such as predicates, referents, and nested clauses. It builds nodes and links recursively from the `ContextTrackingData` structure, using D3 v4’s force simulation to layout the graph. The rendering combines SVG for nodes and links with Canvas 2D text measurement to size labels. WebCola is also loaded, though the primary layout is driven by `d3.forceSimulation`. The example demonstrates hierarchical clause decomposition, including recursive structures for reported speech and causation.

CConnor Trump

86% match

Loading thumbnail…

PAT Refactored Data

This visualization shows the hierarchical structure of PAT-refactored linguistic data, displaying propositions, their logical structures, and the relationships between core arguments like the nucleus, predicator, and referents. It uses d3.forceSimulation with WebCola for layout, rendering nodes and links in a knowledge graph style. The code processes JSON input containing context tracking data, extracting clause operators, core periphery details, and argument relationships to construct the graph. Nodes are styled as groups and labels, with links indicating argument types, while SVG and canvas are used for rendering the final output.

CConnor Trump

74% match

Loading thumbnail…

2-19-2022 rework

This visualization reworks semantic JSON knowledge structures into an interactive graph of nodes, links, and groups. It displays the logical relationships within sentences, such as "the shark bit the surfer savagely," by parsing hierarchical data from files like `example.json` and `happycat.json`. The code uses D3 v4’s `d3.json` to load data, creates nodes with varying widths based on text measurement via Canvas `measureText`, and employs WebCola for force-directed layout. SVG and Canvas contexts render the graph, with node types distinguishing referents, predicates, and groupings.

CConnor Trump

73% match

Loading thumbnail…

Visualization

This visualization shows the bipartite clause structure of an English sentence, using a force-directed graph to lay out words grouped by their grammatical roles (effector, theme, predicate, periphery). The graph displays nodes for each word or phrase, with links connecting core arguments to the predicate, and colored rectangles grouping related units like the core and clause. It uses D3’s `forceSimulation` with a many-body strength, and for layout it relies on the WebCola library via `d3adaptor` to handle grouping and overlap avoidance. The data is structured JSON from the meaning matcher, and the canvas is used to measure text width for node sizing.

CConnor Trump

71% match

Loading thumbnail…

3-27-2022 rework

This visualization reworks a JSON knowledge graph of analyzed sentence events, using d3.v4 to display nodes and links in an SVG canvas. It renders the example sentence "the shark bit the surfer savagely at the beach yesterday because it was hungry" as a structured network, with nodes sized by text length and organized into labeled groups. The layout relies on force-directed simulation from the WebCola library, while canvas-derived text measurement via `ctx.measureText` tunes node dimensions. The graph distinguishes predicates, referents, and phrases, with edges showing logical dependencies.

CConnor Trump

71% match

Loading thumbnail…

Fork of Knowledge Graph

This D3.js v5 SVG visualization maps a knowledge graph of robot components, with 13 labeled nodes (e.g., AGGR, CALC, SNAP) colored by team via `d3.scaleOrdinal` and connected by directed, arrow-headed links showing relationships like "Next -->>" and "Go to ->>". Node positions are fixed in the dataset, not force-directed. A subgraph panel and title annotate the layout, while `d3.select` appends the SVG and a marker definition creates the arrowheads.

Bbeyzadoganay

70% match

Loading thumbnail…

Fork of Knowledge Graph

A directed graph of software component dependencies arranges labeled nodes like “Aggregation” and “Eligibility” into a force layout, with colored categories distinguishing five teams and arrowheads marking link direction. The visualization includes a subgraph panel and title, while the code initializes `d3.scaleOrdinal` for team colors and uses `d3.select` with SVG elements to draw lines, markers, and text based on hardcoded JSON data of 13 nodes and 29 links.

Mmiloparra

70% match

Loading thumbnail…

Fork of Knowledge Graph

A force-directed knowledge graph displays 13 application components as nodes and 29 directed edges as links with arrowheads, grouped by team and colored with a custom ordinal scale. Built with D3 v5, the visualization uses `d3.forceSimulation` to position nodes and SVG lines to render connections. Node labels and link types distinguish relationships such as "Next →" and "Go to →", while an embedded subgraph area and a legend with team names contextualize the network.

BButterflypatch

70% match