Dash Nivo - Two New Graphing Components ♻

Dash Python
,
1

Based on the recent figure Friday and a mention to how bump charts could be useful for dash: Figure Friday 2024 - week 29 - #39 by li.nguyen

I explored the ways you could design a bump chart in plotly and provided some examples. However I wasn’t entirely happy with the design so I started searching for a component which lead me to Nivo a project built on top of D3. Well, their where two components I found especially interesting so I decided to bring a port of a port into dash :sweat_smile:

Introducing:

pip install dash-nivo

Dash Nivo - ResponsiveCircle:

Screenshot 2024-07-24 at 9.31.39 PM
Screenshot 2024-07-24 at 9.31.39 PM1786×1038 140 KB

Dash Nivo - AreaBump:

Screenshot 2024-07-24 at 9.31.28 PM
Screenshot 2024-07-24 at 9.31.28 PM1826×1110 231 KB

You can see a basic example of how to set these two components up on my documentation page:

Github repo:

I could expand this library out a bit more if requested, these where just the two most impressive graphs I could find within it that don’t have functionality similar to whats currently provided in Plotly and Dash.

Bonus points if someone uses these components in Figure Friday.

Cheers,
Pip

2

Did you really manage to do all of this yesterday? :rocket: It’s incredible! These charts look incredibly sophisticated. I can’t wait to try them out when I find some time this week :crossed_fingers:

3

Spectacular. Nice job, @PipInstallPython . I can see a lot of community members using this. I’ll make sure to add it to the community components index.