Update plot scale

Author: gauthampughazhendhi

src/app.py

@@ -78,7 +78,7 @@
 
 scatter_plot_card=dbc.Card(
     dbc.CardBody(
-        [html.H6('Top 10 Countries\' Total Deaths by Earthquake Magnitude', className='card-title',
+        [html.H6('Total Deaths and Earthquake Magnitude per Event', className='card-title',
         style={'margin-bottom': '0px'}),
         html.Iframe(
             id='scatter_plot',
@@ -198,4 +198,4 @@ def toggle_navbar_collapse(n, is_open):
     return is_open
 
 if __name__ == '__main__': 
-    app.run_server()
+    app.run_server(debug=True)

src/components/map_plot.py

@@ -65,7 +65,8 @@ def create_map_plot(year_start, year_end, countries):
                                               orient='top-left')),
             tooltip=[alt.Tooltip("earthquake_magnitude",
                     title="Earthquake Magnitude")]
-        ).properties(width=300, height=100)
+        )
+        .properties(width=300, height=100)
     )
 
     return (map + tsunami_spots).to_html()

src/components/scatter_plot.py

@@ -32,16 +32,25 @@ def create_scatter_plot(year_start=1900, year_end=2022, countries=[]):
         scatter plot chart of earthquake intensity versus total deaths 
         recorded (on a log-scale)
     """
-    chart = alt.Chart(get_data(year_start, year_end, countries)
-                      ).mark_point(opacity=0.65, size=20).encode(
+    chart = alt.Chart(
+        get_data(year_start, year_end, countries)
+    ).mark_point(opacity=0.65, size=20).encode(
         x=alt.X('earthquake_magnitude',
                 title='Earthquake Magnitude (Richter Scale)',
                 scale=alt.Scale(domain=(5.5, 10)),
                 axis=alt.Axis(grid=False)),
         y=alt.Y('total_deaths',
                 title='Total Deaths (log-scale), per Event',
-                scale=alt.Scale(type='log')),
-        color='country',
+                scale=alt.Scale(type='log', domainMin=0.1),
+                axis=alt.Axis(
+                    labelColor=alt.condition(
+                        'datum.value < 1',
+                        alt.value('white'),
+                        alt.value('black')
+                    )
+                )),
+        color=alt.Color('country',
+                        legend=alt.Legend(title="Countries (up to Top 10)")),
         tooltip=['year', 'mercalli_intensity', 'country', 'total_deaths']
     ).interactive(
     ).properties(