Award-winning creative focused on data-driven art and visualizations, trying to push the boundaries of the web one visual story at a time ✨
Published
Edited
Aug 3, 2018
Importers
14 stars
winsMetascores = _.map(data, d => {
// Nominated for 1 Oscar. Another 11 wins & 21 nominations.
let wins = d.Awards.match(/(\d+) win/);
wins = wins ? wins[1] : 0;
return {
wins: +wins,
score: +d.Metascore,
title: d.Title,
}
})
vegalite({
data: {values: winsMetascores},
mark: 'point',
encoding: {
y: {
type: 'quantitative',
field: 'score',
scale: {type: 'log'},
},
x: {
type: 'quantitative',
field: 'wins',
},
}
})
yearScoreGenre = _.map(data, d => {
return {
date: new Date(d.Released),
score: +d.Metascore,
genre: d.Genre ? d.Genre.split(', ')[0] : '',
}
})
monthGenrePopularity = _.chain(data)
.map(d => {
return _.map( d.Genre.split(', '), genre => {
return {
date: new Date(d.Released),
genre,
votes: +(d.imdbVotes.replace(/\,/g, '')),
}
})
}).flatten().value()
vegalite({
data: {values: monthGenrePopularity},
mark: 'rect',
encoding: {
x: {field: 'date', type: 'ordinal', timeUnit: 'month'},
y: {field: 'genre', type: 'nominal'},
color: {type: 'quantitative', aggregate: 'max', field: 'votes'},
}
})
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
