Skip to main content
100%

Multi-Series Line Chart

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

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)".

AI-generated description

This line chart is constructed from a TSV file storing the daily average temperatures of New York, San Francisco and Austin over the last year. The chart employs conventional margins and a number of D3 features:

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/3884955'>Multi-Series Line Chart</a>

forked from <a href='http://bl.ocks.org/fengqingli/'>fengqingli</a>'s block: <a href='http://bl.ocks.org/fengqingli/8a6e0ca67f054dd9ef29'>Multi-Series Line Chart</a>

forked from <a href='http://bl.ocks.org/fengqingli/'>fengqingli</a>'s block: <a href='http://bl.ocks.org/fengqingli/a2c2ab6da0a0aa3d8fd1'>Multi-Series Line Chart</a>

forked from <a href='http://bl.ocks.org/fengqingli/'>fengqingli</a>'s block: <a href='http://bl.ocks.org/fengqingli/1f02ba8c57e84bbf0d08'>Multi-Series Line Chart</a>

forked from <a href='http://bl.ocks.org/fengqingli/'>fengqingli</a>'s block: <a href='http://bl.ocks.org/fengqingli/d3a03c0a140b6d4b4e2c'>Multi-Series Line Chart</a>

forked from <a href='http://bl.ocks.org/fengqingli/'>fengqingli</a>'s block: <a href='http://bl.ocks.org/fengqingli/7b912a3693e7dee2633e'>Multi-Series Line Chart</a>

forked from <a href='http://bl.ocks.org/salvob41/'>salvob41</a>'s block: <a href='http://bl.ocks.org/salvob41/df700ff6bbeed285de043955785775c5'>Multi-Series Line Chart</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/c4897637cca10b2de8ea6226869eb567'>Multi-Series Line Chart</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

fresh block

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.

Aannanimara
83% match
Loading thumbnail…

MULTILINE MOOD

This multi-line chart tracks the frequency of seven different moods across the twelve months of the year. The mood categories, such as "bien" and "fatigué," are each drawn as a separate colored path, with a legend identifying each line. The visualization uses D3 version 5 to read a CSV file, with `d3.nest` organizing the data by mood. Lines are rendered with `d3.line` and a basis curve, while axes and legends are built using scale functions and custom legends to display the ordinal color scale.

Ccocktaildata
76% 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
75% 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
75% match
Loading thumbnail…

Emotions vs Time

This visualization plots emotions against time using circles positioned along a linear time axis and a categorical emotion axis. The code uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for scales, and d3.axisLeft and d3.axisBottom with custom tick styling. Circles are rendered via SVG selections, with a steelblue fill, while axis labels and a title use d3.append. The data comes from a small inline CSV file.

Jjpdlourenco98
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…

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
72% match
Loading thumbnail…

Gist bb029c09395354ca97a42a1583947d0b

A bubble chart displays the frequency of common Italian verbs across different decades, with circle size encoding frequency and color encoding one of seven emotion categories. A dropdown menu selects the decade, updating the visualization. The implementation uses D3 v4’s `d3.pack` layout to position circles within a hierarchical layout, with data loaded from CSV files.

663anp3ca
72% match