Full-stack data visualizer.
That means I enjoy doing everything, from raw data to revealing & pretty interactive data visualizations.
proELEC = [
{date: 2016, value: 30},
{date: 2017, value: 39},
{date: 2018, value: 42},
{date: 2019, value: 38},
{date: 2020, value: 38},
{date: 2021, value: 42},
{date: 2022, value: 54}
]
pasELEC = [
{date: 2016, value: 53},
{date: 2017, value: 40},
{date: 2018, value: 37},
{date: 2019, value: 33},
{date: 2020, value: 38},
{date: 2021, value: 33},
{date: 2022, value: 23}
]
proGAS = [
{date: 2016, value: 22},
{date: 2017, value: 25},
{date: 2018, value: 34},
{date: 2019, value: 32},
{date: 2020, value: 33},
{date: 2021, value: 40},
{date: 2022, value: 52}
]
pasGAS = [
{date: 2016, value: 63},
{date: 2017, value: 55},
{date: 2018, value: 44},
{date: 2019, value: 42},
{date: 2020, value: 44},
{date: 2021, value: 41},
{date: 2022, value: 21}
]
Plot.plot({
y: {
grid: true,
domain: [0, 100]
},
x: {
grid: true,
},
marks: [
Plot.line(proELEC, {x: "date", y: "value", stroke: "cyan", curve: "catmull-rom"}),
Plot.line(pasELEC, {x: "date", y: "value", stroke: "blue", curve: "catmull-rom"}),
Plot.line(proGAS, {x: "date", y: "value", stroke: "orange", curve: "catmull-rom"}),
Plot.line(pasGAS, {x: "date", y: "value", stroke: "red", curve: "catmull-rom"}),
]
})
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.
