Skip to content

Stacked bar charts in D3

ROEL2407 edited this page Nov 18, 2021 · 9 revisions

Voor het maken van mijn stacked bar chart ben ik gaan zoeken naar meerdere voorbeelden en oplossingen voor problemen. Allereerst ben ik begonnen met het kijken naar het voorbeeld van www.d3-graph-gallery.com waarna ik tegen problemen aanliep die kwamen door mijn data. Hierdoor heb ik de volgende bron geraadpleegd; bl.ocks.org. Deze data was erg verouderd dus heb ik meerdere functies van d3 zelf op moeten zoeken voor vernieuwende versies ervan. Hierbij kunt u denken aan

.scale.ordinal()

naar

.scaleOrdinal()

of

.rangeRoundBands([10, width-10], 0.02);

naar

    .rangeRound([10, width - 10])
    .padding(0.02);

Hierna heb ik meedere functies zoals op moeten zoeken om te kijken of ik deze nodig had

.stack() 
// of
.ticks(5)
.tickSize(-width, 0, 0)

🏠 Home

πŸ“‹ Project

Doel
Proces
Peer review
Rubric
Wat had ik nog willen maken?

πŸ—“ Logboek

Week 1

Dag 1
Dag 2
Dag 3
Dag 4
Dag 5

Week 2

Dag 6
Dag 7
Dag 8
Dag 9
Dag 10: Eindbeoordeling

πŸŽ“ Research

Color scaling
D3 stacked bar chart

Clone this wiki locally