dash-tutorial/dash-tutorial-5.py at master · davinderpank/dash-tutorial · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd
import plotly.graph_objs as go

df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/master/gapminderDataFiveYear.csv')

app = dash.Dash()

app.layout = html.Div([
    dcc.Graph(id='graph-with-slider'),
    dcc.Slider(
        id='year-slider',
        min=df['year'].min(),
        max=df['year'].max(),
        value=df['year'].min(),
        step=None,
        marks={str(year): str(year) for year in df['year'].unique()}
    )
])

@app.callback(
    dash.dependencies.Output('graph-with-slider', 'figure'),
    [dash.dependencies.Input('year-slider', 'value')])

def update_figure(selected_year):
    filtered_df = df[df['year'] == selected_year]

    traces = []
    for i in filtered_df.continent.unique():
        df_by_continent = filtered_df[filtered_df['continent'] == i]
        trace = go.Scatter(
            x=df_by_continent['gdpPercap'],
            y=df_by_continent['lifeExp'],
            text=df_by_continent['country'],
            mode='markers',
            opacity=0.7,
            marker={
                'size': 15,
                'line': {'width': 0.5, 'color': 'white'}
            },
            name=i

        )
        traces.append(trace)

    return go.Figure(
        data=traces,
        layout=go.Layout(
            title='GDP per Capita by Continent',
            titlefont={'size': 25},
            xaxis={'type': 'log', 'title': 'GDP Per Capita', 'titlefont': {'size': 15}},
            yaxis={'title': 'Life Expectancy', 'range': [20, 90], 'titlefont': {'size': 15}},
            legend={'x': 1, 'y': 1},
            hovermode='closest'
        )
        )

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