<title>"Tie the strings to my life, my Lord"

100%

<title>"Tie the strings to my life, my Lord"

✓ Published0🌍 Public

Last edited Jan 24, 2019

Created on Jan 24, 2019

This visualization uses a force-directed network layout to map Emily Dickinson’s poem “Tie the strings to my life, my Lord” and its textual variants from the TEI-encoded XML source. It shows how alternate word choices and editorial emendations branch from each line, revealing the poem’s structural decisions. The graph is built with `d3.forceSimulation`, where nodes represent individual words or variant readings and links connect sequential lines, with `d3.drag` for interaction. Node size encodes word frequency, and color distinguishes the manuscript (MS) from the 1896 print witness, using `d3.scaleOrdinal`. Hovering triggers `transition.attrTween` to highlight variant paths, while the layout is computed asynchronously from parsed XML via `DOMParser`.

AI-generated description

Similar vizzes

Loading thumbnail…

<title>My life closed twice before its close (96)

The visualization shows the rhyme scheme and structure of Emily Dickinson’s poem “My life closed twice before its close (96)” as a network diagram, where each line is a node connected by shared rhyme labels. It uses D3’s `forceSimulation` to position the nodes, with edges linking lines that share the same rhyme sound, and the stanza and quatrain groupings are visible through spatial clustering. The underlying XML is parsed from a TEI-encoded source, and the code reads the `rhyme` attributes and line text directly from the `dickinson.xsl` file. The rendering relies on D3’s SVG selection and transition methods, but no other JavaScript libraries are referenced.

CCliffordAnderson

73% match

Loading thumbnail…

<title>Eldorado

The visualization shows a line-by-line reading of Poe’s poem *Eldorado*, mapping each verse’s length and stanza structure as a static typographic grid. It uses D3.js’s `d3.forceSimulation` to arrange the lines into a loose, non-linear cluster, while `d3.select` and `d3.scaleOrdinal` color-code the four stanzas. The poem’s text is drawn from the provided TEI/XML source, with each line rendered as a separate SVG text element. No animation or interaction is present; the layout simply emphasizes the poem’s rhythmic alternation between short and long lines.

CCliffordAnderson

67% match

Loading thumbnail…

Fleurs du Mal

This visualization maps the structure of Charles Baudelaire’s *Les Fleurs du Mal* as a network of poems connected by shared themes. It uses a force-directed graph via `d3.forceSimulation` to position nodes, while an SVG overlay with `d3.geoPath` projects a geographic-style backdrop. The data originates from a gist by CliffordAnderson, loaded as JSON, and each node’s size reflects word frequency, with edges colored by sentiment. Interactive hover effects update tooltips through `transition.attrTween`, and the rendering uses Canvas’s `getImageData` for pixel-level effects, creating a hybrid vector-raster display.

CCliffordAnderson

64% match

Loading thumbnail…

Force-directed layout

This interactive force-directed layout visualizes the network of characters from the novel *Les Misérables*, loaded as JSON data. Using D3.js v4's `d3.forceSimulation` API, it renders nodes as SVG circles and edges as lines, with forces for charge (repulsion/attraction), collision, centering, and links. A control panel exposes sliders and checkboxes to adjust simulation parameters like alpha, charge strength, and link distance in real time, allowing users to explore how these forces shape the graph’s arrangement.

AAlark Joshi

63% match

Loading thumbnail…

Gist 5f7cb9e8d72f30e59d6434c1c4255ebb

A force-directed network layout displays the editorial decisions of an automated process, examining a list of strings from `aoc2_1.txt` to identify near-identical entries. Each line becomes a node, and edges connect strings differing by a single character, revealing clusters of typographical variations. The visualization uses `d3.forceSimulation` to position nodes and calculate the layout, with the text data serving as the primary source. The resulting graph shows the distribution of these one-off mutations across the dataset, highlighting regions of high and low similarity.

BBBischof

63% 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…

Untitled

A force-directed network graph of character co-appearances from *Les Misérables* is shown. The layout separates nodes by community group with color, and hovering a node highlights only that node's neighborhood, dimming other links and text labels. The code uses `d3.forceSimulation` for both the main graph and a secondary label layout, plus `d3.drag`, zoom via `d3.zoom`, and SVG circles and lines. Node labels are positioned with a custom spring-like offset calculation based on text bounding boxes.

Ssgzzhinde

62% match

Loading thumbnail…

Untitled

This example visualizes the relationship between two converging concepts, emphasizing the search for meaning within a text. The piece uses D3.js’s force-directed graph layout to position nodes representing textual fragments from the v3 source, with edges formed by shared keywords or proximity detected through algorithmic analysis. Rendered as an interactive network, it employs `d3.forceSimulation` for physics-based positioning and `d3.geoPath` to trace connections, highlighting clusters and recurring themes. The visualization suggests an ongoing exploration, where linked elements draw attention to patterns in the source material without imposing a definitive narrative.

GGRAVES1425

62% match