Icicle component | D3 | Observable
ojs
ojs
ojs
ojs
Author
Mike Bostock
@mbostock
Visualization toolmaker. Founder
@observablehq
. Creator
@d3
. Former
@nytgraphics
. Pronounced BOSS-tock.
Comments (3)
John Alexis Guerra Gómez
Apr 6, 2022
I wasn't able to figure out how to set the attribute for the colors
https://observablehq.com/@john-guerra/us-federal-budget-outlays
Am I missing something? I couldn't figure it out from the documentation
Fil
Mar 31, 2023
Tricky! You could use : color: (x) => d3.interpolateRainbow(x * 100) the trouble here is that there are 240 children of the root, and the visible ones are the first ten—with the default interpolateRainbow scheme they all have about the same hue.
John Alexis Guerra Gómez
Apr 6, 2023
Ahhh I see it now, quite confusing imo :)
Reply
Add comment
Subscribe to notifications
© 2026 Observable, Inc.
Terms of service
Privacy policy
Product
About
Pricing
Documentation
Release notes
Contact us
Open source
Notebook Kit
Plot
D3
Community
Public
Forum
Bluesky
YouTube
X
Observable
Sign up
D3
Mike Bostock
37
Reply
Add comment
Subscribe to notifications
176
Icicle component | D3 | Observable