Skip to main content
100%

fresh block

✓ Published0🌍 Public
Aannanimara
Last edited Jun 23, 2017
Created on Jun 23, 2017

The visualization displays changes in the frequency of eight emotion words—Gioia, Rabbia, Sorpresa, Disgusto, Paura, Tristezza, Fiducia, and Anticipazione—across decades from 1950 to 2010. Each emotion is represented by a colored line with a label at its final point. The data comes from a TSV file and is plotted using D3 v3's time scale, linear scale, and SVG line generator with basis interpolation. Axis and legend styling use standard D3 SVG elements.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/f853039a320ee10d0b0df7052a36c3e6'>fresh block</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/ecc748537c28d82217a4f538a05c7175'>fresh block</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/e0cdb863de7ed14e3787b7f0f4fbf2fa'>fresh block</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart visualizes the frequency of seven emotions (Gioia, Rabbia, Sorpresa, Disgusto, Paura, Tristezza, Fiducia) from 1950 to 2010, with each emotion represented as a separate colored line. The data is loaded from a TSV file and parsed using d3.tsv, with dates parsed via d3.time.format. The visualization uses d3.time.scale for the x-axis, d3.scale.linear for the y-axis, and d3.scale.category10 for color encoding. Each emotion is rendered as a basis-interpolated line using d3.svg.line, with axis labels and legends positioned using conventional margins. The y-axis is labeled "Frequenza (tf-idf)".

Aannanimara
83% match
Loading thumbnail…

Gist 868257676e5e82f0fdd1bebcca1960c4

This visualization uses a bubble chart to show the frequency of common Italian verbs from 1950, grouped by the emotion they evoke (such as joy, fear, trust, sadness, anger, and surprise). Each circle’s area encodes the verb’s frequency value, and its color represents the associated emotion category. The data is loaded from a CSV file and processed with d3.nest to create a hierarchical tree, then rendered as an SVG using d3.pack. A dropdown menu allows selection of a decade, though only the 1950 data is shown in this example. The implementation is based on Jeff Heer's Flare class hierarchy data.

Aannanimara
77% match
Loading thumbnail…

Bubble Chart

This bubble chart visualizes the frequency and emotional associations of words from two different decades of Italian song lyrics, selectable via a dropdown menu. Each circle’s area encodes the word’s frequency, while its color maps to an emotion category (e.g., gioia, paura, tristezza) using a categorical color scale. The visualization uses a d3.pack layout to hierarchically cluster the words, with labels clipped inside each circle, and tooltips showing the exact value. The chart is rendered as an SVG using D3 v4, allowing hundreds of words to be compared at a glance in a compact space.

Aannanimara
76% match
Loading thumbnail…

fresh block

The visualization displays annual changes in seven categories (A–G) as grouped bar segments, with each category’s value represented by a row of dots whose size and position encode magnitude. Keyboard arrow keys or clicking timeline buttons animate transitions between years, smoothly morphing dot positions and colors. Built with D3 v3, it uses ordinal scales for axes, `d3.svg.axis` for ticks, and `transition.attr` with random delays to animate dot movement. Data comes from a CSV file with year-based columns, rendered as SVG with a color scale per category.

YYkelf
74% match
Loading thumbnail…

Gist a594fcf8e7e33ed97a89da92f5e48492

This visualization uses a bubble chart to show the frequency and emotional association of Italian verbs from the 1950s, based on the Flare class hierarchy dataset. Circles are sized by count and colored by emotion category (e.g., joy, fear, trust). The chart is rendered in SVG using D3 v4, with a dropdown menu to select a decade. Implementation is based on Jeff Heer's bubble chart and displays each verb's value and emotion via color-coded, packed circles.

663anp3ca
73% match
Loading thumbnail…

fresh block

This visualization shows multiple time-series lines representing different metrics (views, likes, dislikes, and comment counts) from a CSV dataset, plotted against dates in November 2017. The lines are smoothed using a basis curve and colored via a categorical color scale. A bottom time axis and left linear axis labeled "Temperature, ºF" frame the chart, while each line is labeled with its metric name at its final value. The data is parsed with d3.timeParse and rendered as SVG using D3 v4.

VVarsha-Ravi
73% match
Loading thumbnail…

Untitled

A scatterplot maps labeled emotions (Happy, Surprised, Anger, Sadness) against a time axis (0–100), showing when each emotion occurs in the recorded sequence. The D3.js v4 code loads emotion and time data from a CSV file, scales the axes with `scaleLinear` and `scaleBand`, and renders circles with SVG. Axis titles and rotated labels are added via `axisLeft` and `axisBottom`, with margins and a title included in the React-based visualization.

Jjpdlourenco98
72% match
Loading thumbnail…

fresh block

A monthly time-series line chart displays a dataset of twelve alphabetical categories (A–L) with associated values. The visualization uses an SVG line and red circular markers to trace value changes over time. Built with D3.js v3, it employs ordinal and linear scales, a line generator, and custom mouseover/mouseout interactions that highlight data points with blue fills, dashed vertical guide lines, and enlarged value labels. The chart reads from an external JSON file, rendering axis labels as text elements and supporting smooth transitions during hover effects.

BBrunoDumas
72% match