playing with space, shape, colour & composition
data = [
{
year: 2015,
label: 'OpenAI Founded',
people: 'Elon Musk, Sam Altman, Greg Brockman, Ilya Sutskever, Wojciech Zaremba, John Schulman',
},
{
year: 2018,
label: 'Dota 2 Bot Beats Human Professionals',
people: 'OpenAI Five Team',
},
{
year: 2019,
label: 'Partnership with Microsoft',
people: 'Sam Altman, Greg Brockman, Satya Nadella (Microsoft CEO)',
},
{
year: 2020,
label: 'GPT-3 Released',
people: 'Ilya Sutskever, Greg Brockman, Sam Altman',
},
{
year: 2021,
label: 'Codex and DALL·E Announced',
people: 'OpenAI Team',
},
{
year: 2022,
label: 'ChatGPT Launched',
people: 'OpenAI Team',
},
{
year: 2023,
label: 'ChatGPT-4 Launched',
people: 'OpenAI Team',
},
// Add other key events related to OpenAI here.
]
preparedData = data
.map(function (d) {
// const people = d.people.split(" ").slice(-1);
const { text, numberOfLines } = wrapText(
`${d.label} (${d.people})`,
lineLength
);
return { ...d, text, numberOfLines };
})
.sort((a, b) => d3.ascending(a.year, b.year))
<style>
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
</style>
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.
