speech-livecode
This example visualizes the first part of Pericles’ funeral oration as a continuous, animated text stream. The data consists of the speech’s text, which is rendered word by word in an SVG element. Each word appears sequentially, with its position jittered around a central line, creating a flowing, wave-like animation. The size of each word is scaled according to its frequency in the speech, making frequently used terms visually dominant. The animation gives the impression of speech being “live-coded” onto the screen, with words materializing in sequence and gently drifting, while the overall layout suggests a fluid, almost auditory rhythm of the oration. The visualization is implemented using D3.js v3, leveraging SVG for crisp text rendering and transitions for the animated appearance of each word. The result is a dynamic, typographic poster that transforms the famous funeral oration into an ever-shifting, living artifact. (The full source is not reproduced here, but the core is a simple d3 code.)
1wheel speech-livecode
Select a paragraph:
<select></select>
<div id="container"></div>
<script>
var rate = d3.local();
</script>Title: **speech-livecode**
**Description:**
This is an animated data-visualization of Pericles' famous funeral oration. The speech's text is broken into individual words, each rendered as an SVG text element. The visualization likely animates the words, perhaps by scattering or transitioning them based on their position in the text, creating a dynamic, word-by-word reading experience. The design uses a minimalist black-and-white aesthetic and leverages D3’s data-binding to drive smooth, continuous animations.