Hi,
I read some comments online and some reviews regarding how all Streamlit apps look almost the same, so I tried to take this as a challenge and create an Streamlit app that could look like an infographic with some story telling behind it. So I created “The World in Poverty.” This is a dashboard with some infographic stuff, adding text and images, and using CSS and some custom Python functions to display important data, but the main goal is to see how Streamlit can be used to create powerful story-telling apps and, with some creativity and CSS hacks, compete with other tools that claim to be prettier and more designer-friendly.
But although it wasn’t as easy as I thought, it was possible, and I’m happy to see what can be done. Streamlit could improve some simple things to allow customization using CSS, like adding a parameter to the components where we could add a class or an id (feature request if any developer is reading). I have to apply CSS trying to understand the hierarchy generated by the app, and in some cases I have to apply formats using long CSS selectors.
Some improvements:
- Custom font family
- Components inside rounded rectangles with drop shadow
- Custom styles for text blocks (this has to be with long CSS selectors)
- Custom tables are created using a Python function included in the code and beautified with CSS.
So here it is, and I hope you like it, and maybe you can use the code as well, because it’s a public GitHub repository.
Click for the app The World in Poverty
Click for the Github Repository
