Full-stack dev @metamask (formerly @tuftandneedle, @thoughtbot).
Published
Edited
Jul 6, 2019
1 fork
Importers
2 stars
renderGraph([
{
origin: originFrequency,
ratio: Fraction(1, 1)
},
{
origin: originFrequency,
ratio: Fraction(3, 2)
}
])
renderGraph([
{
origin: originFrequency,
ratio: Fraction(1, 1),
seriesIndex: 0
},
{
origin: originFrequency,
ratio: Fraction(5, 4),
seriesIndex: 1
},
{
origin: originFrequency,
ratio: Fraction(3, 2),
seriesIndex: 2
},
])
renderGraph([
{
origin: originFrequency,
ratio: Fraction(1, 1),
colorIndex: 0
},
{
origin: originFrequency,
ratio: Fraction(5, 4),
colorIndex: 1
},
{
origin: originFrequency,
ratio: Fraction(3, 2),
colorIndex: 2
},
])
renderGraph([
{
origin: originFrequency,
ratio: Fraction(1, 1),
alwaysShowLabel: true
},
{
origin: originFrequency,
ratio: Fraction(5, 4),
alwaysShowLabel: false
},
{
origin: originFrequency,
ratio: Fraction(3, 2),
alwaysShowLabel: false
},
])
{
const tones = [
{
origin: originFrequency,
ratio: Fraction(1, 1)
},
{
origin: originFrequency,
ratio: Fraction(5, 4)
},
{
origin: originFrequency,
ratio: Fraction(3, 2)
}
];
return renderGraph(tones, {
xAxis: {
min: 1,
max: 1024
}
});
}
{
const tones = [
{
origin: originFrequency,
ratio: Fraction(1, 1),
seriesIndex: 0
},
{
origin: originFrequency,
ratio: Fraction(5, 4),
seriesIndex: 0
},
{
origin: originFrequency,
ratio: Fraction(4, 3),
seriesIndex: 0
},
{
origin: originFrequency,
ratio: Fraction(3, 2),
seriesIndex: 0
},
];
return renderGraph(tones, {
drawConnections: true
});
}
{
const tones = [
{
origin: originFrequency,
ratio: Fraction(1, 1),
seriesIndex: 0
},
{
origin: originFrequency,
ratio: Fraction(4, 3),
seriesIndex: 2
},
{
origin: originFrequency,
ratio: Fraction(5, 4),
seriesIndex: 1
},
{
origin: originFrequency,
ratio: Fraction(3, 2),
seriesIndex: 3
}
];
return renderGraph(tones, {
drawConnections: true
});
}
{
const tones = [
{
origin: originFrequency,
ratio: Fraction(1, 1),
seriesIndex: 0
},
{
origin: originFrequency,
ratio: Fraction(5, 4),
seriesIndex: 1
},
{
origin: originFrequency,
ratio: Fraction(4, 3),
seriesIndex: 2
},
{
origin: originFrequency,
ratio: Fraction(3, 2),
seriesIndex: 3
}
];
return renderGraph(tones, {
drawConnections: true,
xAxis: {
min: 256,
max: 1024
}
});
}
{
const points = [
{
origin: originFrequency,
ratio: Fraction(1, 1),
alwaysShowLabel: true
},
{
origin: originFrequency,
ratio: Fraction(5, 4),
alwaysShowLabel: false
},
{
origin: originFrequency,
ratio: Fraction(3, 2),
alwaysShowLabel: false
},
];
return renderGraph(points, {
xAxis: {
ticks: [440, 550, 660]
}
})
}
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.
