Alfresco QNames

100%

Alfresco QNames

✓ Published0🌍 Public

Last edited Oct 26, 2015

Created on Oct 26, 2015

This visualization maps Alfresco QName relationships as a force-directed graph. It shows how QName entries connect to their namespaces via URI links, with nodes and edges positioned using D3’s `d3.forceSimulation`. The underlying SQL query (`alf_qnames.sql`) joins `alf_qname` to `alf_namespace` to supply the relational data, which is then rendered as an interactive network. Node positions update on each tick of the simulation, while link paths and node radii are drawn using D3’s SVG shape helpers, such as `d3.line` or `d3.arc`, based on the computed force layout.

AI-generated description

Similar vizzes

Loading thumbnail…

A2Q7P2

This visualization shows a network of people connected by friendship links, with each person represented as a pink circle labeled with their name and connected by green arrowed lines. The graph uses d3.forceSimulation with forceLink, forceManyBody, forceCollide, and forceCenter to position the nodes. Users can drag nodes interactively, and hovering highlights a node with a blue border. Data comes from a local JSON file containing ten nodes and twelve links, rendered as SVG elements.

MmNamratha25

64% match

Loading thumbnail…

Alchemy Named Entity example for class

This example demonstrates how to extract named entities from user-supplied text and visualize them as an interactive force-directed graph, where each entity is a node sized by its relevance score. It employs the AlchemyAPI via an `httpclient:post()` call to `TextGetRankedNamedEntities` for entity extraction, then uses the `d3.forceSimulation` layout to position nodes by mutual relations. The graph is rendered using D3.js SVG paths, with entity labels and connection lines drawn from the JSON response, and the radial node styling relies on D3’s built-in scales. The code also references an external CSS file for styling but leaves the graph and interaction logic entirely in JavaScript.

CCliffordAnderson

62% match

Loading thumbnail…

Gist ed756303e2cbb63f5fc8

This visualization uses a force-directed layout to show relationships between terms and facets, with each term linked to a facet (binding or year). The graph is rendered using D3’s `d3.forceSimulation`, with nodes and links drawn as SVG elements. The code reads from an XML file (`facets.xml`) via `d3.xml` and parses `<term>` elements to build the network. It applies a force simulation with charge and link forces, and updates node positions on each tick using `d3.drag` for interactivity. The visualization clearly distinguishes term nodes from facet nodes, revealing clustering by year and binding type.

CCliffordAnderson

62% match

Loading thumbnail…

test

This network graph displays the connections among Kenneth Rainin Foundation initiatives, including Arts Web, Social Impact Commons, Community Arts Stabilization Trust, and AmbitioUS, each with child nodes representing partner organizations. The visualization uses D3 v6’s `forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` forces to position nodes, while user interaction via `drag` lets viewers move nodes. Node and link colors come from a generated palette in `colors.js`, and the SVG rendering shows circles sized by node hierarchy and text labels.

RRahel Gunaratne

61% match

Loading thumbnail…

Gist 8bb4970e2700b40a3dce1d785654d907

This visualization uses a force-directed graph to map the relationships between identifiers extracted from a Power Query M codebase. The data originates from a gist by Hugoberry, showing dependencies among functions, modules, and error-handling patterns. The rendering relies on D3.js’s `forceSimulation` with custom link and node positioning, while each node’s label is drawn using SVG text. The code specifically highlights groupings like `TableAction.*`, `ValueAction.*`, and `Pattern.*`, revealing hierarchical clusters of related API calls. The graph’s layout is animated via D3’s tick handler, and the visible node sizes suggest a metric like degree centrality, though the exact encoding is not explicit in the snippet.

HHugoberry

61% match

Loading thumbnail…

Quantitative foci �� <a href="http://bl.ocks.org/3349192" title="view this gist via bl.ocks.org">?</a> <a href="http://bl.ocks.org/GerHobbelt" title="view a list of all my gists at bl.ocks.org">8</a>

This is a D3.js visualization based on an earlier talk example, showing a network of nodes in a force-directed layout. Nodes are connected by links and are labeled with numbers, while a larger, labeled "focus" element attracts nearby nodes. The demo uses `d3.forceSimulation` to apply physical forces, `d3.forceSpring` for link elasticity, and `d3.forceCharge` for repulsion, running in a live simulation with the canvas updating each tick. The code is a direct copy of the original example, with a radial variant available in a separate gist.

GGerHobbelt

61% match

Loading thumbnail…

Untitled

A force-directed graph displays connections among a set of named nodes, with gray circles linked by straight lines. The visualization is built using D3 v7 and SVG, employing `d3.forceSimulation` to compute node positions and update the layout on each tick. Links represent relationships from a fixed array of source-target pairs, while the code also includes a commented-out CSV loader for potential data import. Node and link styling is defined in an external stylesheet.

HHassan Abdullah

61% match

Loading thumbnail…

Untitled

This visualization displays a network of interconnected nodes using a force-directed layout, with each node’s size and color encoding categorical and quantitative attributes. The graph is rendered on an HTML canvas, with node positions updated via `d3.forceSimulation` and drawn using the Canvas API. The background and node styling are set through custom CSS, while the data is loaded from an external source (the `v3` dataset). The example demonstrates how to combine D3’s simulation with direct canvas drawing for smooth, animated interactions.

VVarun Khanna

61% match