Dashboard Themes#

Import and Declare Charts#

[ ]:

from cuxfilter import charts
import cuxfilter
from bokeh import palettes
cux_df = cuxfilter.DataFrame.from_arrow('./data/146M_predictions_v2.arrow')

geoJSONSource='https://raw.githubusercontent.com/rapidsai/cuxfilter/GTC-2018-mortgage-visualization/javascript/demos/GTC%20demo/src/data/zip3-ms-rhs-lessprops.json'

charts_list = [
    cuxfilter.charts.choropleth( x='zip', color_column='delinquency_12_prediction', color_aggregate_fn='mean',
            elevation_column='current_actual_upb', elevation_factor=0.00001, elevation_aggregate_fn='sum',
            geoJSONSource=geoJSONSource, data_points=1000, tooltip_include_cols=['zip', 'current_actual_upb']),
    cuxfilter.charts.bar('delinquency_12_prediction',data_points=50)
]
sidebar_list = [cuxfilter.charts.range_slider('borrower_credit_score',data_points=50), cuxfilter.charts.drop_down('dti')]

Themes Types#

Default#

[ ]:

d = cux_df.dashboard(charts_list, sidebar=sidebar_list, layout=cuxfilter.layouts.feature_and_base, theme=cuxfilter.themes.default, title="Theme - Default")

[1]:

# d.show()

theme-showcase-default

Dark#

[ ]:

d = cux_df.dashboard(charts_list, sidebar=sidebar_list, layout=cuxfilter.layouts.feature_and_base, theme=cuxfilter.themes.dark, title="Theme - Dark")

theme-showcase-dark

Rapids#

[ ]:

d = cux_df.dashboard(charts_list, sidebar=sidebar_list, layout=cuxfilter.layouts.feature_and_base, theme=cuxfilter.themes.rapids, title="Theme - Rapids")

theme-showcase-rapids

Rapids Dark#

[ ]:

d = cux_df.dashboard(charts_list, sidebar=sidebar_list, layout=cuxfilter.layouts.feature_and_base, theme=cuxfilter.themes.rapids_dark, title="Theme - Rapids")

theme-showcase-rapids-dark