Merge pull request #97 from best-practice-and-impact/nh/plotly-testing-fixes

feat(plotly): fixes from Plotly testing

Author: nickhenden

src/afcharts/cookbook/03-plotly-usage.qmd

@@ -9,7 +9,6 @@
 # | eval : true
 # | output: false
 
-import pandas as pd
 import plotly.express as px
 import plotly.graph_objects as go
 
@@ -98,7 +97,6 @@ This line chart uses the afcharts theme. There are pale grey grid lines extendin
 # | eval: true
 # | output: false
 
-import pandas as pd
 import plotly.express as px
 import plotly.graph_objects as go
 
@@ -192,7 +190,6 @@ Legends should be avoided unless absolutely necessary, as these usually rely on
 #| eval: true
 #| output: false
 
-import pandas as pd
 import plotly.express as px
 import plotly.graph_objects as go
 
@@ -247,7 +244,6 @@ This bar chart uses the afcharts theme, and shows the populations of the five mo
 #| eval: true
 #| output: false
 
-import pandas as pd
 import plotly.express as px
 import plotly.graph_objects as go
 
@@ -405,7 +401,6 @@ This histogram uses the afcharts theme, and shows the distribution of life expec
 #| eval: true
 #| output: false
 
-import pandas as pd
 import plotly.express as px
 import plotly.graph_objects as go
 
@@ -469,7 +464,6 @@ This scatterplot uses the afcharts theme, and shows life expectancy against GDP
 #| eval: true
 #| output: false
 
-import pandas as pd
 import plotly.express as px
 import plotly.graph_objects as go
 from plotly.subplots import make_subplots
@@ -625,7 +619,6 @@ This pie chart uses the afcharts theme, showing the proportions of European coun
 #| eval: true
 #| output: false
 
-import pandas as pd
 import plotly.express as px
 import plotly.graph_objects as go
 

src/afcharts/pio_template.py

@@ -81,8 +81,6 @@
         },
         "hovermode": "x unified",  # How hovering affects the display
         # x unified shows info for all the data at that point in the x-axis
-        "paper_bgcolor": "rgba(0,0,0,0)",  # Makes paper (entire area) background transparent
-        "plot_bgcolor": "rgba(0,0,0,0)",  # Makes plot area transparent
         "margin": {  # Set margins around the plot area in pixels
             "l": half_line,  # Left margin
             "r": half_line,  # Right margin
@@ -94,16 +92,16 @@
         "uniformtext_mode": "hide",  # Controls visibility of text based on size then the
         # text will be hidden - hide means that if a text element's size falls below the "uniformtext_minsize"
         "title": {
-            "automargin": True,
             "text": None,
             "font": {
                 "size": base_size * 1.6,
             },  # Title font size and colour
+            'x': 0, 'xref': 'paper',  # Title alignment
             "pad": {
-                "t": half_line * 2,
-                "l": half_line * 2,
-                "r": half_line * 2,
-                "b": half_line * 2,
+                "t": half_line,
+                "l": 0,
+                "r": half_line,
+                "b": half_line,
             },  # Padding above and below title
         },
         "xaxis": {  # Configures the x-axis
@@ -142,5 +140,11 @@
             "zeroline": True,
             "zerolinecolor": af_colour_values["chart_features"],
         },
+    },
+    data={
+        "scatter": [{
+            "marker": {"size": 12},
+            "line": {"width": 2.5}
+        }]
     }
 )