Data Visualisation

app.py

import dash

from dash.dependencies import Input, Output, State

import dash_core_components as dcc

import dash_html_components as html

import pandas as pd

app = dash.Dash('Crypto prices dashboard')


def make_crypto_plot(crypto, metric='Close'):
    df = pd.read_csv(crypto + '.csv', parse_dates=['Date'])
    figure = {
        'data': [
            {'x': df['Date'],
             'y': df[metric]}
        ]
    }
    return figure


crypto_plot_container = html.Div(children=[], id='crypto_plot_container')

# crypto_plot = dcc.Graph(
#     id='crypto_plot',
#     figure=make_crypto_plot('bitcoin')
# )

crypto_selector = dcc.Dropdown(
    id='crypto_selector',
    options=[
        {'label': 'Bitcoin', 'value': 'bitcoin'},
        {'label': 'Ethereum', 'value': 'ethereum'},
        {'label': 'Dogecoin', 'value': 'dogecoin'}
    ],
    value=['bitcoin'],
    multi=True
)

metric_selector = dcc.RadioItems(
    id='metric_selector',
    options=[
        {'label': 'Opening price', 'value': 'Open'},
        {'label': 'High price', 'value': 'High'},
        {'label': 'Low price', 'value': 'Low'},
        {'label': 'Closing price', 'value': 'Close'},
    ],
    value='Close'
)

url = dcc.Location(id='url')


app.layout = html.Div([
    url,
    html.H1('Cryptocurrency pricing dashboard'),
    crypto_selector,
    html.Br(),
    crypto_plot_container
], className='centered-column')


@app.callback(
    Output('crypto_plot_container', 'children'),
    [Input('crypto_selector', 'value'),
     Input('url', 'pathname')]
)
def update_crypto_plot(crypto_list, metric):
    if crypto_list is None or len(crypto_list) == 0:
        return []
    if metric is None:
        return []
    metric = metric.lstrip('/').capitalize()
    if metric == '':
        metric = 'Close'
    if not isinstance(crypto_list, list):
        crypto_list = [crypto_list]
    new_children = []
    for crypto in crypto_list:
        new_children.append(
            dcc.Graph(id='graph-' + crypto,
                      figure=make_crypto_plot(crypto, metric))
        )
    return new_children

if __name__ == '__main__':
    app.run_server(port=8888)

bitcoin.csv

completed crosstab tool.ipynb

custom.css

body {
    font-family: sans-serif;
    padding: 20px;
}

div .centered-column {
  margin: auto;
  width: 80%;
}

dogecoin.csv

ethereum.csv

Making an interactive crosstab tool.ipynb

pokemon.csv

requirements.txt

ipywidgets
matplotlib
pandas
dash
dash-core-components
dash-html-components