Code Monkey home page Code Monkey logo

streamingworkshopviz's Introduction

streamingworkshopviz

Visualization of a streaming pipeline built using Apache Beam in Python

overview of dashboard

python environment setup

# install python version 3.10.0 which is required for this lab
# one option is to use pyenv to help with this
# please use whather python installation method you prefer
pyenv shell 3.10.0

# create a virtual environment
python -m venv venv

# Activate the virtual environment.
source venv/bin/activate

install python dependencies

# It's always a good idea to update pip before installing dependencies.
pip install -U pip

# Install the project as a local package, this installs all the dependencies as well.
pip install -r requirements.txt

visualize the pipeline for 01_complete_ride

for the following inputs

streamlit run myviz.py -- \
'data/input/01_complete_ride/input.json' \
'data/output/01_complete_ride/output.json'

There is a single ride_id = 277278c9-9e5e-4aa9-b1b9-3e38e2133e5f

This ride has a complete trip of pickup, enroute & drop off events.

The dashboard displays the following:

image of dashboard for 01_complete_ride

Scrolling down the dashboard display what the data looks like throughout the pipeline:

image of pipeline details view

visualize the pipeline for 05min_of_rides

for the following inputs

streamlit run myviz.py -- \
'data/input/05min_of_rides/input.json' \
'data/output/05min_of_rides/*'

There are many rides !

The dashboard displays the following:

image of dashboard for 05min_of_rides

Using the input box at the top it is possible to filter down to a single ride.

Let's choose ride_id = ea4ea9ce-a71d-4d5e-be65-1a68842b94f2

This ride has a complete trip of pickup, enroute & drop off events.

Now the dashboard only display data for this particular ride.

streamingworkshopviz's People

Contributors

ant-laz avatar iht avatar

Stargazers

 avatar  avatar  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.