Skip to main content
SimilarExport ZIP
100%

Wordbank

✓ Published0🌍 Public
AAlena Egorova
Last edited Jan 23, 2023
Created on Jan 23, 2023
Forked from MathEnvironment

This visualization explores vocabulary development in children, plotting both comprehension (words understood) and production (words spoken) across ages for 84,138 children from 38 countries. The data, sourced from the Wordbank Stanford study, is loaded via `csvParse` and rendered as a JSON object. The interactive view shows how the gap between these two measures changes over time and varies by language and sex, using D3 v7 for data binding and DOM manipulation.

AI-generated description

Database from Stanford study of children's vocabulary development (downloaded here: http://wordbank.stanford.edu/) Shows how kids' passive and active vocabulary grow throughout the years. Contains data of 84,138 children from 38 countries.

Data dictionary:

  • 'language' - language that child learns. Categorical.
  • 'age' - child’s age. Quantitative.
  • 'comprehension' - how many words child can understand. Quantitative.
  • 'production' - how many words child says. Quantitative.
  • 'sex' - child’s sex. Categorical.

The following information could be visualized:

  1. In what age difference between production and comprehension decreases? How that differes by language?
  2. What is the difference between comprehension in girls and boys? How that differs by language?
MIT Licensed

Similar vizzes

Loading thumbnail…

Word Cloud

This interactive word cloud visualizes the frequency of family and first names from JSON datasets, allowing users to switch between them via toolbar buttons. D3 v3 and the d3.layout.cloud plugin render the most frequent terms as SVG text elements, with font size scaled linearly by occurrence count and colors assigned from a category scale. The layout uses the cloud algorithm to position non-overlapping words with random horizontal or vertical rotation before drawing them via SVG.

AABCDB15
70% 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
67% match
Loading thumbnail…

Word Cloud

This word cloud uses D3’s `d3.layout.cloud` to position words by frequency, with font size scaled by each term’s count. The layout runs inside a force simulation, and the rendering draws the words onto an SVG canvas using `d3.select` and `text` elements. The visualization reads a local JSON dataset of words and counts, then animates the cloud’s appearance with a smooth rotation and fade-in transition. Colors are applied from a categorical palette to differentiate word groups, while the overall layout adapts to the container’s size.

SSree Likhith
66% 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
66% match
Loading thumbnail…

Word Cloud Example

An interactive word cloud visualizes surname and first-name frequencies from JSON datasets, letting users toggle between "Family Names" and "First Names" via toolbar buttons. The d3.layout.cloud JavaScript library computes non-overlapping word placements using an Archimedean spiral collision algorithm, while D3.js (v3) SVG rendering displays the final text with font sizes scaled linearly. Each dataset is filtered, sorted, and truncated to the top 120 words, with animation during layout computation. Word rotation alternates randomly between horizontal and vertical orientations.

KKurtCodeAnyWhere
66% match
Loading thumbnail…

Word Cloud-3

This word cloud visualizes the frequency of terms from a CSV/TSV dataset, with word size proportional to their numerical `frequency` values. It uses the Jason Davies `d3.layout.cloud.js` library to calculate word placements within a 800x500 space, applying random rotations and the "Impact" font. The visualization renders words as SVG `<text>` elements, with colors assigned from the `d3.scale.category20c()` palette and triggered via `d3.tsv()` data loading.

Kkaviya-ds
66% 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
66% match
Loading thumbnail…

Word Cloud Example

This example presents a word cloud visualization built with D3.js v3 and the d3.layout.cloud plugin, displaying the frequency of names from a genealogical dataset. Users can toggle between family names and first names via toolbar buttons, which load respective JSON files and render the top 120 terms. The visualization uses SVG text elements with animated placement, scaling font size with d3.scale.linear, and rotating words randomly. Font sizes range from 10 to 60 pixels based on frequency counts.

Bbalajikadambi
66% match