Nothing plotting please help!

Dash Python
1

Hi all! Im new to dash and can’t figure out why my data isn’t plotting! here is my code:

import dash
import dash_core_components as dcc
import dash_html_components as html
import dash
import dash_core_components as dcc
import dash_html_components as html
import os
import dash_table
import dash_table.FormatTemplate as FormatTemplate
from dash.dependencies import Input, Output, State
from dash_table.Format import Format, Scheme, Sign, Symbol
import dash_table.FormatTemplate as FormatTemplate
import pandas as pd
import plotly.graph_objs as go
import re
import json
import urllib
import urllib.parse
import datetime as dt

from functools import reduce

TABLE_COLS = [“percent_abs_words”, “post_length”, “sentiment”, “subjectivity”,
“time_of_day_daytime”, “time_of_day_evening” “time_of_day_morning”,
“time_of_day_overnight”, “labels”, “created_at”, “author”, “selftext”,
“cleaned_text”]
FORMAT_COLS = [{“name”: i, “id”: i} for i in TABLE_COLS]

Load data.

df = pd.read_csv(‘redditors.csv’)
df.index = pd.DatetimeIndex(df[“created_at”])
df = df.sort_index()

available_patients = df[‘author’].unique()

external_stylesheets = [‘https://codepen.io/chriddyp/pen/bWLwgP.css’]

app = dash.Dash(name, external_stylesheets=external_stylesheets)
colors = {
‘background’: ‘#111111’,
‘text’: ‘#7FDBFF’}

app.css.append_css({“external_url”: “https://codepen.io/chriddyp/pen/bWLwgP.css”})

app.layout = html.Div(children=[html.H1(children=‘Mental Health Time Series Tracking’,),
html.H3(children=‘Developed by Leah Pilossoph, RN’,),
html.Div(children=[html.H3(‘Filter by Patient:’),
dcc.Dropdown(id=‘patient-select’,
options=[{‘label’: i, ‘value’: i} for i in available_patients],
value=None,
searchable=True,
style={‘width’: ‘40%’},
multi=False),]),

          	dcc.DatePickerRange(id='my-date-picker-range',
          		start_date_placeholder_text='Select a date',
          		end_date_placeholder_text='Select a date',
                min_date_allowed=dt.datetime(2016, 8, 1),
                max_date_allowed=dt.datetime(2019, 4, 19),
                updatemode='bothdates',
                initial_visible_month=dt.datetime(2019, 4, 1),
                start_date=dt.datetime(2016, 8, 1),
                end_date=dt.datetime(2019, 4, 30)),
           html.Div(id='output-container-date-picker-range'),


          	dcc.Graph(id='indicator-graphic')])

@app.callback(
Output(‘indicator-graphic’, ‘figure’),

[Input('patient-select', 'value'),
dash.dependencies.Input('my-date-picker-range', 'start_date'),
dash.dependencies.Input('my-date-picker-range', 'end_date')])

def update_output(patient, start_date, end_date):

traces = []
dff = df[df['author'] == patient]
dfff = dff.loc[start_date:end_date,:] 


traces.append(go.Scatter(
        x=dfff['created_at'],
        y=dfff['_percent_abs_words'],
        text = dfff['_time_of_day_overnight'],
        mode='lines+markers',
        opacity=0.7,
        marker={'size': 15,'line': {'width': 0.5, 'color': 'blue'}},
        name='Percentage of Absolutist Words in Text')),
traces.append(go.Scatter(
        x=dfff['created_at'],
        y=dfff['_sentiment'],
        text=dfff['_sentiment'],
        mode='lines+markers',
        opacity=0.7,
        marker={'size': 15,'line': {'width': 0.5, 'color': 'orange'}},
        name='Sentiment Score'))
traces.append(go.Scatter(
        x=dfff['created_at'],
        y=dfff['_time_of_day_overnight'],
        text =dfff['_time_of_day_overnight'],
        mode='lines+markers',
        opacity=0.7,
        marker={'size': 15,'line': {'width': 0.5, 'color': 'green'}},
        name='Written Overnight?'))

figure= {'data': traces,'layout': go.Layout(
        xaxis={'type': 'date', 'title': 'Date', 'range': [start_date, end_date]},
        
        yaxis={'title': 'Percent Abs Words, Time of Day, Sentiment',
        	   'range': [0, 5]},
        margin={'l': 40, 'b': 40, 't': 10, 'r': 10},
        legend={'x': 0, 'y': 1},
        hovermode='closest')}
return figure

server = app.server

if name == ‘main’:
app.run_server(debug=True, port=8050)
print(‘done’)

My dataframe looks like this:
Unnamed: 0 _percent_abs_words _post_length _sentiment _subjectivity _time_of_day_daytime _time_of_day_evening _time_of_day_morning _time_of_day_overnight labels created_at author selftext cleaned_text
created_at
2016-08-26 1218 0.000 0.105506 2.350 1.05 1 0 0 0 1 08/26/2016 collwhere Psychiatric care in the East Bay - low cost/sl… move oakland soon current treatment anxieti de…
2017-03-25 320 0.341 0.243403 2.600 2.90 1 0 0 0 1 03/25/2017 throwaway_tooclose I don’t really know anymore I think my mom was… think mom person felt strong enough connect st…
2017-04-20 319 0.199 0.423216 2.675 2.25 1 0 0 0

I am trying to make a line plot with _percent_abs_words, _sentiment, and _time_of_day_overnight plotted on the y-axis and created_at on the x-axis. the inputs im trying to use are a daterange selector to set the date range, and a user selector to select the specific author of the post.
The plot is showing with the correct x-axis (date datapoints) and the titles on the y-axis, along with a legend of the _percent_abs_words, _sentiment, but nothing plots… what am I doing wrong?

Many thanks:)

2

You might get a ‘validation’ exception on the console if you explicitly make a Figure object?

i.e.

figure = go.Figure(data=data, layout=layout)