Public
Edited
May 14, 2023
1 fork
16 stars
Liquid flow velocity in pipesTernary plotMerging hexagonsSpotify Pop ArtistsDistance Angle VoronoiAoC 12: shortest path under constraintsVoronoi labelsHello, olliRough PlotCorrelation heatmapUsing d3.blur with PlotJob vacancies in AustraliaWarming stripesMinimalist dodge plotPlot.image borderfrom columnar to tidy dataAge/Handgroup, bin and sortPlot.stereoHistogramVariants of SARS-Cov-2 in EuropeVariants du SARS-CoV-2 en FranceTopological subsamplingAnimate a bar chart (OBSOLETE)Metbrewer color schemesHow many books was I reading?Road traffic under COVID restrictions (France)Convex hull mark (#154)Hello, Open MeteoK-means binningMatrix diagramQuasi-random Monte Carlo integrationDifference chartELD ViewerPlot early birdROC curveSkies PlotHappy anniversary, Project Gutenberg!The Sun’s analemmaObservable Plot in a Web WorkerregressionEdit data with PlotConical gradient PlotPlot HyperboloidExperimental Plot BeeswarmThe ARPANET in December 1969Irregular bins histogramLog-scale histogramDatabase Outage Plotcount distinct (#412)Scatterplot matrixIrregular Bar ChartFacet exclusion transformCanvas PlotHow to attach a plot to a DOM elementRenko ChartWaffle ChartQatar Population PyramidSlope ChartSequence LogosStacked bin dots
Assemblée nationale 2017-2022
Also listed in…
Fil’s plots
ensembles = cstParseRows(source, d3.autoType).children
groupes = Array.from(
ensembles,
({ 0: secteur, children }) =>
children.map(([groupe, nombre, color]) => ({
secteur,
groupe,
nombre,
color
}))
).flat()
total = d3.sum(groupes, (d) => d.nombre)
longueur = d3.scaleLinear([0, travees - 1], [ratio, 100])
function repartition(travees, longueur, total) {
let x = 1;
let step = 1;
let sum;
let n = 0;
const sieges = (l) => Math.round(l / x);
do {
sum = d3.sum(d3.range(travees).map(longueur).map(sieges));
if (sum === total) break;
if (sum < total) x /= Math.exp(step);
else x *= Math.exp(step);
step = step * 0.7;
} while (n++ < 10000); // fail safe
return { x, n, step, sum };
}
solution = repartition(travees, longueur, total)
x = solution.x
seats = {
const sieges = (l) => Math.round(l / x);
const seats = d3.sort(
d3
.range(travees)
.flatMap((travee) => {
const n = sieges(longueur(travee));
return d3.range(n).map((i) => ({ i, n, travee }));
})
.map(({ i, n, travee }) => {
const [x, y] = d3.pointRadial(
-Math.PI / 2 + Math.PI * (i / (n - 1)),
longueur(travee)
);
return { x, y, travee };
}),
({ x, y }) => Math.atan2(y, x)
);
// appliquer la répartition des sièges
let t = 0;
for (const { groupe, nombre } of groupes) {
seats.slice(t, t + nombre).forEach((d) => (d.groupe = groupe));
t += nombre;
}
return seats;
}
color = d3
.scaleOrdinal()
.domain(groupes.map((d) => d.groupe))
.range(groupes.map((d) => d.color))
import { cstParseRows } from "@mbostock/comma-separated-tree"
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.
