Published
Edited
Jan 1, 2020
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
html`<div id = 'c1'></div>`
Insert cell
dataMainBranch = [
{ item: 'I am a student who is learning to code', value: 30 },
{ item: 'I am not primarily a developer, but I write code sometimes as part of my work', value: 27 },
{ item: 'I am a developer by profession', value: 20 },
{ item: 'I used to be a developer by profession, but no longer am', value: 18 },
{ item: 'I code primarily as a hobby', value: 5 }
];
Insert cell
dataMainBranchchart = {
const chart = new G2.Chart({
container: 'c1',
forceFit: true,
height: 300,
padding: 'auto'
});
return chart
}
Insert cell
showDeveloperSurvey(dataMainBranch, dataMainBranchchart)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md`
## Employment
`
Insert cell
html`<div id = 'c4'></div>`
Insert cell
dataEmployment = [
{ item: 'Employed full-time', value: 37.6 },
{ item: 'Employed part-time', value: 17 },
{ item: 'Not employed, but looking for work', value: 15.4 },
{ item: 'Not employed, and not looking for work', value: 10 },
{ item: 'NA', value: 14 },
{ item: 'Independent contractor, freelancer, or self-employed', value: 6}
];
Insert cell
dataEmploymentchart = new G2.Chart({
container: 'c4',
forceFit: true,
height: 300,
padding: 'auto'
});
Insert cell
showDeveloperSurvey(dataEmployment, dataEmploymentchart)
Insert cell
Insert cell
Insert cell
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