Dagscirkel
En dag fördelad med en punkt i en cirkel. Kanten delas i en båge per rad, och från punkten går en linje till varje delning, så cirkeln faller i en bit per rad. Varje bits yta är radens andel; alla bitar tillsammans är hela cirkeln, så andelarna blir alltid hela dagen. För tre rader är det samma regel som triangelns (Vivianis sats).
Behov: Tid, dagen. En punkt i stället för ett handtag per gräns. En punkt är två tal, så med fler än tre rader nås inte varje fördelning: sidan behåller dagens stapel bredvid för det exakta, och punkten går till närmaste fördelning cirkeln kan visa när stapeln dras.
Dagen
Dra punkten, eller flytta den med piltangenterna (skift för större steg).
Måndag 12 oktober
import { dayCircle } from "@whitespace/malm-ui/proposals/day-circle";
import { mountAllDayCircles } from "@whitespace/malm-ui/js/day-circle";
dayCircle({
label: "Måndag 12 oktober",
shares: [40, 25, 15, 10, 10], // radernas andelar; punkten hamnar närmast
colors: [1, 2, 3, 4, 5], // radernas diagramfärger, som dagens stapel
});
mountAllDayCircles(); // change-händelse: detail.shares (andelar, 0–1)Regler
- En bits yta är radens andel; bitarna blir alltid hela cirkeln, hela dagen.
- Dra punkten från en rads båge och raden växer; mot bågen och den krymper.
- Punkten i mitten: lika mycket var.
- En punkt är två tal: med fler än tre rader nås inte varje fördelning. Satt bredvid, går punkten till den närmaste.