Personal Data in RDF/Turtle

100%

Personal Data in RDF/Turtle

✓ Published0🌍 Public

Last edited Jan 27, 2016

Created on Jan 27, 2016

This example visualizes a personal RDF/Turtle data set, representing the author’s professional and educational history as linked open data. It shows the parsed and unparsed Turtle files, which include details like name, degrees, employment, publications, and social media accounts. The visualization uses a force-directed layout, likely with D3’s `d3.forceSimulation`, to position nodes for entities like schools, employers, and publications. It also incorporates geolocation data via `geo:lat` and `geo:long` for a map-based rendering, potentially using `d3.geoPath` to project coordinates. The source is a gist by CliffordAnderson, and the code leverages RDF namespaces like FOAF, schema, and DC to structure the triples.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 8a97689739c217f28474d80c89013628

This visualization uses a force-directed graph to show relationships between entities, with nodes positioned by `d3.forceSimulation` and links drawn as curved paths. The code computes node sizes and colors from quantitative attributes, while a canvas overlay via `d3.geoPath` and `getImageData` samples pixel density to modulate link opacity based on local clustering. It employs a custom `transition.attrTween` to animate node drift when the simulation restarts, and uses the `d3.hierarchy` API to flatten nested data from a JSON file. The visualization reads credentials from an `env.list` file for a private data source, but the rendering logic is independent of that authentication step.

CConorAspell

61% match

Loading thumbnail…

Gist 484101

This visualization shows an interactive network of interconnected nodes, with each node representing a person and links showing connections between them. It reveals the structure of social ties, likely from a GitHub collaboration graph, by grouping related clusters. The rendering uses a canvas-based `d3.forceSimulation` with custom collision and link forces to position nodes, while a custom `d3.geoPath`-style projection maps node positions onto a projected sphere. The code also employs Canvas `getImageData` to detect node boundaries for hover interactions, and uses `transition.attrTween` for smooth link animations. The underlying data is loaded from a Gist, and the visualization runs entirely client-side without external data files.

DDylanFM

59% match

Loading thumbnail…

Gist 513940c8816d089296e3cffc9eba7f08

This visualization combines a force-directed network layout with an annotated narrative about Fox Terriers, mapping character traits and story fragments as connected nodes. The code uses D3’s `forceSimulation` with custom `forceLink` and `forceCollide` to position nodes, while `transition.attrTween` animates path strokes. The underlying data is a JSON structure derived from the Gist’s text, where each node represents a phrase or concept, and edges follow rhetorical links. Rendering relies on SVG paths generated via `d3.geoPath` for map-like background elements, though the core focus is the interactive graph. The visualization shows how anecdotal text segments, such as hunting stories or personality descriptions, form a semantic web, with color intensity encoding sentiment polarity extracted from the original Russian text.

AAlexDovgan

59% match

Loading thumbnail…

Random

This visualization presents a hierarchical dataset from `flare.json`, displaying an education-related tree structure with growth stages and organizations. The SVG canvas renders the data using D3.js v6, which loads the JSON file and logs its contents to the console. The code includes a placeholder `d3.forceSimulation` reference for potential network layout, though the current implementation only demonstrates basic data loading and output. The visualization appears to be an early-stage template, with the JavaScript file containing minimal functionality beyond data inspection.

MMustafa Shaheer Hamid

58% match

Loading thumbnail…

Graph Gist

This example shows a small graph of people and their database preferences, capturing two `Person` nodes connected by `LIKE` relationships to database nodes labeled `Database`, `NoSql`, and `Graph`. The visualization renders this graph data using D3.js, likely with a force-directed layout (`d3.forceSimulation`) to position nodes and links, and possibly `d3.geoPath` or standard SVG/CSS for shapes and labels. The source code, authored by CliffordAnderson and stored as a Gist, explicitly creates the nodes and relationships with Cypher, returning them for immediate display. The result emphasizes how graph structures and their labels can be directly mapped from query output to interactive visual elements.

CCliffordAnderson

58% 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

58% match

Loading thumbnail…

Education Tree map

This treemap visualizes hierarchical education data, using nested rectangles sized proportionally to category values. Rendered as an animated SVG, the chart relies on D3’s `treemap` layout to compute the tile geometry, with transitions smoothly resizing groups when the view changes. The code explicitly sets an SVG container and applies `d3.hierarchy` to structure the nested data, while CSS styling controls the background. The visualization updates live, with labels and colored tiles clarifying the hierarchy. Data originates from a gist, and the animation demonstrates the treemap’s reflowing behavior.

DDragonVirus

58% match

Loading thumbnail…

Fork of My Knowledge Graph with taxo data

This example visualizes a knowledge graph of educational data components, showing 13 labeled nodes organized into five color-coded groups connected by directional links with arrowheads. A force-directed layout positions nodes using `d3.forceSimulation` with `d3.forceX` and `d3.forceY` forces that group nodes by their taxonomic category, while `d3.forceManyBody` adds repulsion and `d3.forceCollide` prevents overlap. The SVG rendering includes markers for arrowheads, edge paths for label placement via `textPath`, and drag behavior for interactive node movement. The dataset is defined in a separate `data.js` file containing nodes and links.

NNareshkumar Borana

57% match