tweaks to Plotly formatting

Author: nicolaskruchten

Examples.ipynb

@@ -19,7 +19,6 @@
     "from plotly import figure_factory\n",
     "from plotly import graph_objects\n",
     "import plotly.express as px\n",
-    "import plotly.io as pio\n",
     "from IPython.core.magic import Magics, magics_class, cell_magic\n",
     "\n",
     "from IPython.display import Image\n",
@@ -45,16 +44,10 @@
     ")  # for plotnine\n",
     "\n",
     "\n",
-    "fig = graph_objects.Figure(layout = dict(width=100, height=100))\n",
-    "\n",
-    "templated_fig = pio.to_templated(fig)\n",
-    "pio.templates['my_template'] = templated_fig.layout.template\n",
-    "pio.templates.default = 'my_template'\n",
-    "px.defaults.width = 100\n",
-    "px.defaults.height = 100\n",
+    "import plotly.io as pio\n",
     "pio.renderers.default = \"png\"\n",
-    "pio.renderers[\"png\"].width = 900\n",
-    "pio.renderers[\"png\"].height = 900\n",
+    "pio.renderers[\"png\"].width = 750\n",
+    "pio.renderers[\"png\"].height = 750\n",
     "\n",
     "alt.renderers.enable('png', webdriver='firefox')"
    ]
@@ -292,8 +285,10 @@
    },
    "outputs": [],
    "source": [
-    "px.histogram(mpg, y=\"manufacturer\", \n",
-    "             title='Number of Cars by Make')"
+    "px.histogram(\n",
+    "    mpg, y=\"manufacturer\", \n",
+    "    title='Number of Cars by Make'\n",
+    ")"
    ]
   },
   {
@@ -407,7 +402,9 @@
    },
    "outputs": [],
    "source": [
-    "px.histogram(mpg, x=\"cty\")"
+    "px.histogram(\n",
+    "    mpg, x=\"cty\"\n",
+    ")"
    ]
   },
   {
@@ -538,12 +535,13 @@
    },
    "outputs": [],
    "source": [
-    "px.scatter(mpg, x=\"displ\", y=\"hwy\", \n",
-    "           title='Engine Displacement in Liters vs Highway MPG',\n",
-    "           labels=dict(\n",
-    "               displ='Engine Displacement in Liters', \n",
-    "               hwy='Highway MPG')\n",
-    "          )"
+    "px.scatter(\n",
+    "    mpg, x=\"displ\", y=\"hwy\", \n",
+    "    title='Engine Displacement in Liters vs Highway MPG',\n",
+    "    labels=dict(\n",
+    "       displ='Engine Displacement in Liters', \n",
+    "       hwy='Highway MPG')\n",
+    ")"
    ]
   },
   {
@@ -682,7 +680,7 @@
     "fig.add_trace(p2)\n",
     "fig.add_trace(p3)\n",
     "fig.add_trace(p4)\n",
-    "Image(fig.to_image(format=\"png\", width=900, height=900))"
+    "Image(fig.to_image(format=\"png\", width=750, height=750))"
    ]
   },
   {
@@ -821,12 +819,13 @@
    },
    "outputs": [],
    "source": [
-    "px.scatter(mpg, x=\"displ\", y=\"hwy\", color=\"class\", \n",
-    "           title='Engine Displacement in Liters vs Highway MPG',\n",
-    "           labels=dict(\n",
-    "               displ='Engine Displacement in Liters', \n",
-    "               hwy='Highway MPG')\n",
-    "          )"
+    "px.scatter(\n",
+    "    mpg, x=\"displ\", y=\"hwy\", color=\"class\", \n",
+    "    title='Engine Displacement in Liters vs Highway MPG',\n",
+    "    labels=dict(\n",
+    "       displ='Engine Displacement in Liters', \n",
+    "       hwy='Highway MPG')\n",
+    ")"
    ]
   },
   {
@@ -869,7 +868,7 @@
     "(\n",
     "    alt.Chart(\n",
     "        mpg,\n",
-    "        title=\"Engine Displacement in Liters vs Highway MPG\",\n",
+    "        title=\"City MPG vs Highway MPG\",\n",
     "    )\n",
     "    .mark_circle(opacity=0.3)\n",
     "    .encode(\n",
@@ -907,8 +906,8 @@
     "             y='hwy', \n",
     "             s=10*mpg['cyl'],\n",
     "             alpha=.5))\n",
-    "ax.set_title('Engine Displacement in Liters vs Highway MPG')\n",
-    "ax.set_xlabel('Engine Displacement in Liters')\n",
+    "ax.set_title('City MPG vs Highway MPG')\n",
+    "ax.set_xlabel('City MPG')\n",
     "ax.set_ylabel('Highway MPG');"
    ]
   },
@@ -941,10 +940,12 @@
    },
    "outputs": [],
    "source": [
-    "px.scatter(mpg, x=\"cty\", y=\"hwy\", size=\"cyl\", size_max=10,\n",
-    "           title='City MPG vs Highway MPG',\n",
-    "           labels=dict(cty='City MPG', hwy='Highway MPG')\n",
-    "          )"
+    "px.scatter(\n",
+    "    mpg, x=\"cty\", y=\"hwy\", \n",
+    "    size=\"cyl\", size_max=10,\n",
+    "    title='City MPG vs Highway MPG',\n",
+    "    labels=dict(cty='City MPG', hwy='Highway MPG')\n",
+    ")"
    ]
   },
   {
@@ -1045,7 +1046,10 @@
    },
    "outputs": [],
    "source": [
-    "px.scatter(mpg, x=\"displ\", y=\"hwy\", facet_col=\"class\", facet_col_wrap=4)"
+    "px.scatter(\n",
+    "    mpg, x=\"displ\", y=\"hwy\", \n",
+    "    facet_col=\"class\", facet_col_wrap=4\n",
+    ")"
    ]
   },
   {
@@ -1150,9 +1154,11 @@
    },
    "outputs": [],
    "source": [
-    "px.scatter(mpg, x=\"displ\", y=\"hwy\", \n",
-    "           facet_col=\"cyl\", facet_row=\"drv\",\n",
-    "           category_orders=dict(cyl=[4,5,6,8]))"
+    "px.scatter(\n",
+    "    mpg, x=\"displ\", y=\"hwy\", \n",
+    "    facet_col=\"cyl\", facet_row=\"drv\",\n",
+    "    category_orders=dict(cyl=[4,5,6,8])\n",
+    ")"
    ]
   },
   {
@@ -1302,7 +1308,7 @@
     "        }\n",
     "    }\n",
     "})\n",
-    "Image(fig.to_image(format=\"png\", width=900, height=900))"
+    "Image(fig.to_image(format=\"png\", width=750, height=750))"
    ]
   },
   {
@@ -1390,11 +1396,12 @@
    },
    "outputs": [],
    "source": [
-    "px.histogram(diamonds, x=\"cut\", color=\"clarity\",\n",
-    "             category_orders=dict(cut=[\n",
-    "                 \"Fair\", \"Good\",  \"Very Good\", \n",
-    "                 \"Premium\", \"Ideal\"])\n",
-    "            )"
+    "px.histogram(\n",
+    "    diamonds, x=\"cut\", color=\"clarity\",\n",
+    "    category_orders=dict(cut=[\n",
+    "     \"Fair\", \"Good\",  \"Very Good\", \n",
+    "     \"Premium\", \"Ideal\"])\n",
+    ")"
    ]
   },
   {
@@ -1485,11 +1492,12 @@
    },
    "outputs": [],
    "source": [
-    "px.histogram(diamonds, x=\"cut\", color=\"clarity\", barmode=\"group\",\n",
-    "             category_orders=dict(cut=[\n",
-    "                 \"Fair\", \"Good\",  \"Very Good\", \n",
-    "                 \"Premium\", \"Ideal\"])\n",
-    "            )"
+    "px.histogram(\n",
+    "    diamonds, x=\"cut\", color=\"clarity\", barmode=\"group\",\n",
+    "    category_orders=dict(cut=[\n",
+    "     \"Fair\", \"Good\",  \"Very Good\", \n",
+    "     \"Premium\", \"Ideal\"])\n",
+    ")"
    ]
   },
   {
@@ -1624,7 +1632,7 @@
     ")\n",
     "for d in fig[\"data\"]:\n",
     "    d.update({\"fill\": \"tozeroy\"})\n",
-    "Image(fig.to_image(format=\"png\", width=900, height=900))"
+    "Image(fig.to_image(format=\"png\", width=750, height=750))"
    ]
   },
   {
@@ -1687,7 +1695,9 @@
    },
    "outputs": [],
    "source": [
-    "px.line(ts, x=\"date\", y=\"value\")"
+    "px.line(\n",
+    "    ts, x=\"date\", y=\"value\"\n",
+    ")"
    ]
   },
   {