The avatar for @nfigay
Figay
International Expert within the field of Enterprise Information System Interoperability, applied to Product Life Cycle Management, Model Based System Engineering and Virtual Manufacturing.
Published
Javascript Infovis Toolkit
Edited
Apr 24, 2022
1 fork
13
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3 = require("d3@6")
Insert cell
Insert cell
ArticlesData = FileAttachment("LinkedIn articles figures@16.tsv").tsv()
Insert cell
Insert cell
columns=ArticlesData.columns
Insert cell
Years=Object.keys(ArticlesPerYear)
Insert cell
ArticlesPerYear=ArticlesData.reduce((accumulator, currentValue) => {
const count = accumulator[currentValue.Year] || 0;
accumulator[currentValue.Year] = count + 1;
return accumulator;}, {});
Insert cell
ViewsPerYear=ArticlesData.reduce((accumulator, currentValue) => {
const count = accumulator[currentValue.Year] || 0;
accumulator[currentValue.Year] = count + parseInt(currentValue.Views);
return accumulator;
}, {});
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
AreaNumericCriteriaPerYear=LikesPerYear
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
dataset = Object.entries(AreaNumericCriteriaPerYear).map(currentElement => ({'name': currentElement[0], 'value': currentElement[1]}))
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
FileAttachment("image@1.png").image()
Insert cell
Insert cell
{
return image001;
}
Insert cell
FileAttachment("LinkedIn articles figures@17.tsv").tsv()
Insert cell
FileAttachment("LinkedIn articles figures@17.tsv").tsv()
Insert cell
FileAttachment("LinkedIn articles figures@17.tsv").tsv()
Insert cell

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.
Learn more