Skip to main content
100%

discurso MM 3/9/2018 (google word tree)

✓ Published0🌍 Public
Aaaizemberg
Last edited Sep 3, 2018
Created on Sep 3, 2018

This visualization displays a Google Word Tree of a presidential speech, showing repeated phrases and their contextual continuations from the transcript. The word tree branches outward from a root phrase, with each path representing a sequence of words that follow that root, allowing viewers to explore recurring themes and rhetoric patterns in the discourse. The code loads the Google Charts Word Tree package via `google.charts.load` and uses `google.visualization.arrayToDataTable` to structure the speech text into a single-column data array. Rendering is handled by the Google Charts WebGL backend, with the chart drawn asynchronously after the library loads.

AI-generated description

Similar vizzes

Loading thumbnail…

Word Tree

This word tree visualizes the shared phrases and word sequences found in State of the Union speeches, showing repeated linguistic patterns as branching paths from a central root word (“safety”). The visualization uses a dendrogram layout created with the `d3.layout.tree` API, rendering nodes as small circles and connections as diagonal links via `d3.svg.diagonal`. Each node is labeled with its corresponding word, and the SVG output is generated from a JSON dataset (`sotu.json`) loaded with `d3.json`. The tree’s structure reveals how certain words lead into common follow-up phrases, highlighting recurring rhetorical constructions across the speeches.

BBeaupe
72% match
Loading thumbnail…

Multi-Line Voronoi.find() w/ speech data

This example visualizes the sentiment trajectory of political speech transcripts as a multi-line chart, with each line representing a different speech and the x-axis showing progress through the text while the y-axis plots sentiment values. A Voronoi tessellation computed via `d3.voronoi()` enables interactive highlighting; the code uses the `voronoi.find()` method to identify the nearest line to the mouse cursor, though the mouseover handler is currently commented out. The visualization renders with SVG, uses Vue as its framework, and reads speech data from a CSV file. A checkbox toggles visibility of the Voronoi diagram overlay.

BBBischof
61% match
Loading thumbnail…

Word Cloud

A word cloud visualizes a hardcoded list of words (e.g., “Hello,” “Coding,” “Van”) from `words.js` and `data.csv`. The layout uses the `d3.layout.cloud` library, which employs an Archimedean spiral and collision detection to position words. Rendered as SVG and canvas, the words appear in steelblue with a text-anchor, and the animation (via `timeInterval` and `dispatch`) progressively places each term. The `index.js` code uses canvas `getImageData` for font metrics and a bitmask board for collision checks.

BBaraneedharan N M
60% match
Loading thumbnail…

Word cloud

This example displays a word cloud of 17 English words, such as "Hello," "Everybody," and "Coding," using the `d3.layout.cloud` API to position the words within a 450x450 SVG canvas. The implementation uses `d3.select`, `svg.append`, and `text` elements to render each word, with font size, rotation, and position determined by the cloud layout algorithm. The data consists of a static JavaScript array of words, and the visualization demonstrates how the `d3.layout.cloud` library integrates with the D3.js v4 framework within a React project.

Kkaviya-ds
59% match
Loading thumbnail…

Word Cloud Example

This example shows a word cloud visualization that displays frequency-weighted terms from JSON datasets, with buttons to toggle between family names and first names. The code uses D3 v3’s `d3.layout.cloud` plugin to arrange words in a spiral layout, scaling font size with `d3.scale.linear` based on each term’s count. Rendering occurs as SVG text elements styled with Impact font and a categorical color scale, while a setTimeout-driven animation progressively places words until the layout completes.

Yyili222
58% match
Loading thumbnail…

D3 + Vue.js

This interactive cluster dendrogram visualizes hierarchical data from a CSV file using D3 v4 (via `d3.stratify`) and Vue.js 2.2.4, rendering nodes and links as SVG elements. Vue’s template syntax replaces D3’s `enter`/`exit`/`update` pattern, with computed properties managing the tree layout and transitions. The interface includes controls for chart width, stroke color, and text search, plus a button to add nodes.

663anp3ca
58% match
Loading thumbnail…

Word Cloud-3

This visualization displays a word cloud built from frequency data in a TSV file, using font size to encode the magnitude of each term. The words are rendered as SVG text elements with random rotations and a categorical color scale. The layout is computed with the `d3.layout.cloud` plugin, which uses a collision detection algorithm to place words without overlapping. Data is loaded via `d3.tsv` and processed with array methods before the cloud is drawn and animated by the plugin’s step function.

Kkaviya-ds
58% match
Loading thumbnail…

Word Cloud-3

This example displays a word cloud visualization using the d3.layout.cloud plugin, which arranges words from a TSV data file based on their frequency values. The code filters the dataset, maps each entry to a text-size pair, and uses the cloud layout with custom rotation, padding, and the Impact font. Words are rendered as SVG text elements with colors from a category20c scale, appearing animated as the layout algorithm places them across a 500×500 canvas area.

0007ebey
58% match