Giter VIP home page Giter VIP logo

dashboard_demo's Introduction

Python Web Dashboard Comparison

Summary

This small repository aims to compare four python App/Dashboard libraries, Gradio, Streamlit, Taipy, and Reflex. I have create the same demo-dashboard with four different libraries, with minimal work on customized styling by myself. You can check the code and the screenshot to compare them.

The Demo-Dashboard

The demo-dashboard is a UI for the data interaction, from /data directory. The general idea is we have a template with multiple inputs from users, and we want to render the template with user input and send the rendered text to a model for analysis.

For example, you can imagine an app that needs to send {GREETING}, {Name}! to a chatbot and get response back.

Example 1

  • template: {GREETING}, {Name}!
  • user input: GREETING=hello, Name=World
  • rendered text: Hello, World!
  • chatbot: Hello User!

Example 2

  • template: {GREETING}, {Name}!
  • user input: GREETING=Goodbye, Name=World
  • rendered text: Goodbye, World!
  • chatbot: Goodbye User!

Comparison

You can chat the code (**/dashboard.py) and the screenshot to make your judgements. My comparison can be found in COMPARISON.md

Progress

Gradio Streamlit Taipy Reflex
DONE DONE DONE DONE

Run

gradio

make install-gradio
.venv/bin/python gradio_example/dashboard.py

then open http://127.0.0.1:7860

streamlit

make install-streamlit
.venv/bin/python -m streamlit run streamlit_example/dashboard.py
# alternatively 
# .venv/bin/streamlit run streamlit_example/dashboard.py

then open http://localhost:8501

taipy

make install-taipy
.venv/bin/python taipy_example/dashboard.py --port 8080

then open http://localhost:8080

reflex

make install-reflex
cd reflex_example
../.venv/bin/python -m reflex init
../.venv/bin/python -m reflex run

then open http://localhost:3000

Screenshot

Here is an overview of the screenshot.

Gradio

gradio

Streamlit

streamlit

Taipy

taipy

Reflex

reflex

dashboard_demo's People

Contributors

ftvision avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.