AlexDovgan

@AlexDovgan·2 public vizzes

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.

Jul 22, 2023

Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart visualizes daily average temperatures for New York, San Francisco, and Austin over a year, with each city’s time series drawn as a separate colored line. Data is loaded from a TSV file using d3.tsv, with dates parsed via d3.time.format and the x-position encoded on a time scale. The y-position uses a linear scale, and color encoding is handled by d3.scale.category10. The chart computes its domains with d3.extent, d3.min and d3.max, derives column names via d3.keys, renders axes with d3.svg.axis, and draws each series with d3.svg.line. Conventional margins frame the SVG visualization.

May 31, 2017