Show and Tell: Dash Simple Maps

Hi, Dash community!

I want to present my new library for creating maps with Dash: dash-react-simple-maps.

As the name suggests, it uses the fantastic react-simple-maps library, which allows you to easily create maps and add colors, annotations, markers, etc.

Please take it for a spin and share your feedback. This is my first Dash component, so I’m pretty stoked to share it!

Live demo: dash-react-simple-maps.ploomberapp.io

2024-09-24 12.11.07 p.m.

6 Likes

That’s super cool, I didn’t know this React library. I like the default aesthetics.
I work with maps, so I will consider your Dash component now if I need to display geographic info.
Thanks!

thanks! feel free to share your feedback!

Really cool Dash app, @edub . How can we quickly see the code snippets used to build every map in the tabs?

the source code is available here: dash-react-simple-maps/demo/app.py at main · ploomber/dash-react-simple-maps · GitHub

but that’s a great suggestion. I’ll update the demo so people can quickly get the snippets from there

1 Like

Hi @edub

I :heart: the new component - it’s a nice addition to Dash!

Can you say more about hosting on Ploomber? It look cools, but I’m unfamiliar. Can you give an idea of what it’s like to set up and how much it costs to host a simple app like this?

Thanks! I wanted to learn how to build Dash components, so I looked for a library that could also be helpful for the community.

Re pricing (full details here): we charge per compute (as opposed to number of apps). With our Pro ($20 monthly) plan, you get 1CPU/2GB for the entire month. You can deploy a single app running 24/7 or split the resources 0.5CPU/1GB and have 2 apps running. If you don’t need the apps running 24/7 you can have more (e.g. 4 apps with 0.5CPU/1GB running half the month) and start/stop them whenever you want. We also support Docker, so another possibility is to share the same CPU among many apps, for example, you could deploy 10 apps and have them all share the same CPU.

I just updated the demo to show the snippet below each map. Thanks for the suggestion!

(and also built a component for easily showing code snippets)

1 Like