improvement

Author: emmanuelle

.circleci/config.yml

@@ -103,7 +103,7 @@ jobs:
           name: Build html figures
           command: |
             . venv/bin/activate
-            pip install pandas statsmodels
+            pip install pandas statsmodels --quiet
             python test/percy/plotly-express.py
       - run:
           name: Run percy snapshots

test/percy/plotly-express.py

@@ -1,6 +1,9 @@
 ## This script uses px functions to generate html figures, which will be
 ## tested with percy.
 
+import os
+dir_name = os.path.join("test", "percy")
+
 import plotly.express as px
 print(px.data.iris.__doc__)
 px.data.iris().head()
@@ -10,216 +13,216 @@
 import plotly.express as px
 iris = px.data.iris()
 fig = px.scatter(iris, x="sepal_width", y="sepal_length")
-fig.write_html('scatter.html')
+fig.write_html(os.path.join(dir_name, 'scatter.html'))
 
 import plotly.express as px
 iris = px.data.iris()
 fig = px.scatter(iris, x="sepal_width", y="sepal_length", color="species")
-fig.write_html('scatter_color.html')
+fig.write_html(os.path.join(dir_name, 'scatter_color.html'))
 
 import plotly.express as px
 iris = px.data.iris()
 fig = px.scatter(iris, x="sepal_width", y="sepal_length", color="species", marginal_y="rug", marginal_x="histogram")
-fig.write_html('scatter_marginal.html')
+fig.write_html(os.path.join(dir_name, 'scatter_marginal.html'))
 
 import plotly.express as px
 iris = px.data.iris()
 fig = px.scatter(iris, x="sepal_width", y="sepal_length", color="species", marginal_y="violin",
            marginal_x="box", trendline="ols")
-fig.write_html('scatter_trendline.html')
+fig.write_html(os.path.join(dir_name, 'scatter_trendline.html'))
 
 import plotly.express as px
 iris = px.data.iris()
 iris["e"] = iris["sepal_width"]/100
 fig = px.scatter(iris, x="sepal_width", y="sepal_length", color="species", error_x="e", error_y="e")
-fig.write_html('scatter_errorbar.html')
+fig.write_html(os.path.join(dir_name, 'scatter_errorbar.html'))
 
 import plotly.express as px
 tips = px.data.tips()
 fig = px.scatter(tips, x="total_bill", y="tip", facet_row="time", facet_col="day", color="smoker", trendline="ols",
           category_orders={"day": ["Thur", "Fri", "Sat", "Sun"], "time": ["Lunch", "Dinner"]})
-fig.write_html('scatter_categories.html')
+fig.write_html(os.path.join(dir_name, 'scatter_categories.html'))
 
 import plotly.express as px
 iris = px.data.iris()
 fig = px.scatter_matrix(iris)
-fig.write_html('scatter_matrix.html')
+fig.write_html(os.path.join(dir_name, 'scatter_matrix.html'))
 
 import plotly.express as px
 iris = px.data.iris()
 fig = px.scatter_matrix(iris, dimensions=["sepal_width", "sepal_length", "petal_width", "petal_length"], color="species")
-fig.write_html('scatter_matrix_dimensions.html')
+fig.write_html(os.path.join(dir_name, 'scatter_matrix_dimensions.html'))
 
 import plotly.express as px
 iris = px.data.iris()
 fig = px.parallel_coordinates(iris, color="species_id", labels={"species_id": "Species",
                   "sepal_width": "Sepal Width", "sepal_length": "Sepal Length",
                   "petal_width": "Petal Width", "petal_length": "Petal Length", },
                     color_continuous_scale=px.colors.diverging.Tealrose, color_continuous_midpoint=2)
-fig.write_html('parallel_coordinates.html')
+fig.write_html(os.path.join(dir_name, 'parallel_coordinates.html'))
 
 import plotly.express as px
 tips = px.data.tips()
 fig = px.parallel_categories(tips, color="size", color_continuous_scale=px.colors.sequential.Inferno)
-fig.write_html('parallel_categories.html')
+fig.write_html(os.path.join(dir_name, 'parallel_categories.html'))
 
 import plotly.express as px
 tips = px.data.tips()
 fig = px.scatter(tips, x="total_bill", y="tip", color="size", facet_col="sex",
            color_continuous_scale=px.colors.sequential.Viridis, render_mode="webgl")
-fig.write_html('scatter_webgl.html')
+fig.write_html(os.path.join(dir_name, 'scatter_webgl.html'))
 
 import plotly.express as px
 gapminder = px.data.gapminder()
 fig = px.scatter(gapminder.query("year==2007"), x="gdpPercap", y="lifeExp", size="pop", color="continent",
            hover_name="country", log_x=True, size_max=60)
-fig.write_html('scatter_hover.html')
+fig.write_html(os.path.join(dir_name, 'scatter_hover.html'))
 
 import plotly.express as px
 gapminder = px.data.gapminder()
 fig = px.scatter(gapminder, x="gdpPercap", y="lifeExp", animation_frame="year", animation_group="country",
            size="pop", color="continent", hover_name="country", facet_col="continent",
            log_x=True, size_max=45, range_x=[100,100000], range_y=[25,90])
-fig.write_html('scatter_log.html')
+fig.write_html(os.path.join(dir_name, 'scatter_log.html'))
 
 import plotly.express as px
 gapminder = px.data.gapminder()
 fig = px.line(gapminder, x="year", y="lifeExp", color="continent", line_group="country", hover_name="country",
         line_shape="spline", render_mode="svg")
-fig.write_html('line.html')
+fig.write_html(os.path.join(dir_name, 'line.html'))
 
 import plotly.express as px
 gapminder = px.data.gapminder()
 fig = px.area(gapminder, x="year", y="pop", color="continent", line_group="country")
-fig.write_html('area.html')
+fig.write_html(os.path.join(dir_name, 'area.html'))
 
 # #### Visualize Distributions
 
 import plotly.express as px
 iris = px.data.iris()
 fig = px.density_contour(iris, x="sepal_width", y="sepal_length")
-fig.write_html('density_contour.html')
+fig.write_html(os.path.join(dir_name, 'density_contour.html'))
 
 import plotly.express as px
 iris = px.data.iris()
 fig = px.density_contour(iris, x="sepal_width", y="sepal_length", color="species", marginal_x="rug", marginal_y="histogram")
-fig.write_html('density_contour_marginal.html')
+fig.write_html(os.path.join(dir_name, 'density_contour_marginal.html'))
 
 import plotly.express as px
 iris = px.data.iris()
 fig = px.density_heatmap(iris, x="sepal_width", y="sepal_length", marginal_x="rug", marginal_y="histogram")
-fig.write_html('density_heatmap.html')
+fig.write_html(os.path.join(dir_name, 'density_heatmap.html'))
 
 import plotly.express as px
 tips = px.data.tips()
 fig = px.bar(tips, x="sex", y="total_bill", color="smoker", barmode="group")
-fig.write_html('bar.html')
+fig.write_html(os.path.join(dir_name, 'bar.html'))
 
 import plotly.express as px
 tips = px.data.tips()
 fig = px.bar(tips, x="sex", y="total_bill", color="smoker", barmode="group", facet_row="time", facet_col="day",
        category_orders={"day": ["Thur", "Fri", "Sat", "Sun"], "time": ["Lunch", "Dinner"]})
-fig.write_html('bar_facet.html')
+fig.write_html(os.path.join(dir_name, 'bar_facet.html'))
 
 import plotly.express as px
 tips = px.data.tips()
 fig = px.histogram(tips, x="total_bill", y="tip", color="sex", marginal="rug", hover_data=tips.columns)
-fig.write_html('histogram.html')
+fig.write_html(os.path.join(dir_name, 'histogram.html'))
 
 import plotly.express as px
 tips = px.data.tips()
 fig = px.histogram(tips, x="sex", y="tip", histfunc="avg", color="smoker", barmode="group",
              facet_row="time", facet_col="day", category_orders={"day": ["Thur", "Fri", "Sat", "Sun"],
                                                                 "time": ["Lunch", "Dinner"]})
-fig.write_html('histogram_histfunc.html')
+fig.write_html(os.path.join(dir_name, 'histogram_histfunc.html'))
 
 import plotly.express as px
 tips = px.data.tips()
 fig = px.strip(tips, x="total_bill", y="time", orientation="h", color="smoker")
-fig.write_html('strip.html')
+fig.write_html(os.path.join(dir_name, 'strip.html'))
 
 import plotly.express as px
 tips = px.data.tips()
 fig = px.box(tips, x="day", y="total_bill", color="smoker", notched=True)
-fig.write_html('box.html')
+fig.write_html(os.path.join(dir_name, 'box.html'))
 
 import plotly.express as px
 tips = px.data.tips()
 fig = px.violin(tips, y="tip", x="smoker", color="sex", box=True, points="all", hover_data=tips.columns)
-fig.write_html('violin.html')
+fig.write_html(os.path.join(dir_name, 'violin.html'))
 
 # #### Ternary Coordinates
 
 import plotly.express as px
 election = px.data.election()
 fig = px.scatter_ternary(election, a="Joly", b="Coderre", c="Bergeron", color="winner", size="total", hover_name="district",
                    size_max=15, color_discrete_map = {"Joly": "blue", "Bergeron": "green", "Coderre":"red"} )
-fig.write_html('scatter_ternary.html')
+fig.write_html(os.path.join(dir_name, 'scatter_ternary.html'))
 
 import plotly.express as px
 election = px.data.election()
 fig = px.line_ternary(election, a="Joly", b="Coderre", c="Bergeron", color="winner", line_dash="winner")
-fig.write_html('line_ternary.html')
+fig.write_html(os.path.join(dir_name, 'line_ternary.html'))
 
 # #### 3D Coordinates
 
 import plotly.express as px
 election = px.data.election()
 fig = px.scatter_3d(election, x="Joly", y="Coderre", z="Bergeron", color="winner", size="total", hover_name="district",
                   symbol="result", color_discrete_map = {"Joly": "blue", "Bergeron": "green", "Coderre":"red"})
-fig.write_html('scatter_3d.html')
+fig.write_html(os.path.join(dir_name, 'scatter_3d.html'))
 
 import plotly.express as px
 election = px.data.election()
 fig = px.line_3d(election, x="Joly", y="Coderre", z="Bergeron", color="winner", line_dash="winner")
-fig.write_html('line_3d.html')
+fig.write_html(os.path.join(dir_name, 'line_3d.html'))
 
 # #### Polar Coordinates
 
 import plotly.express as px
 wind = px.data.wind()
 fig = px.scatter_polar(wind, r="frequency", theta="direction", color="strength", symbol="strength",
             color_discrete_sequence=px.colors.sequential.Plasma[-2::-1])
-fig.write_html('scatter_polar.html')
+fig.write_html(os.path.join(dir_name, 'scatter_polar.html'))
 
 import plotly.express as px
 wind = px.data.wind()
 fig = px.line_polar(wind, r="frequency", theta="direction", color="strength", line_close=True,
             color_discrete_sequence=px.colors.sequential.Plasma[-2::-1])
-fig.write_html('line_polar.html')
+fig.write_html(os.path.join(dir_name, 'line_polar.html'))
 
 import plotly.express as px
 wind = px.data.wind()
 fig = px.bar_polar(wind, r="frequency", theta="direction", color="strength", template="plotly_dark",
             color_discrete_sequence= px.colors.sequential.Plasma[-2::-1])
-fig.write_html('bar_polar.html')
+fig.write_html(os.path.join(dir_name, 'bar_polar.html'))
 
 # #### Maps
 
 import plotly.express as px
 carshare = px.data.carshare()
 fig = px.scatter_mapbox(carshare, lat="centroid_lat", lon="centroid_lon",     color="peak_hour", size="car_hours",
                   color_continuous_scale=px.colors.cyclical.IceFire, size_max=15, zoom=10)
-fig.write_html('scatter_mapbox.html')
+fig.write_html(os.path.join(dir_name, 'scatter_mapbox.html'))
 
 import plotly.express as px
 carshare = px.data.carshare()
 fig = px.line_mapbox(carshare, lat="centroid_lat", lon="centroid_lon", color="peak_hour")
-fig.write_html('line_mapbox.html')
+fig.write_html(os.path.join(dir_name, 'line_mapbox.html'))
 
 import plotly.express as px
 gapminder = px.data.gapminder()
 fig = px.scatter_geo(gapminder, locations="iso_alpha", color="continent", hover_name="country", size="pop",
                animation_frame="year", projection="natural earth")
-fig.write_html('scatter_geo.html')
+fig.write_html(os.path.join(dir_name, 'scatter_geo.html'))
 
 import plotly.express as px
 gapminder = px.data.gapminder()
 fig = px.line_geo(gapminder.query("year==2007"), locations="iso_alpha", color="continent", projection="orthographic")
-fig.write_html('line_geo.html')
+fig.write_html(os.path.join(dir_name, 'line_geo.html'))
 
 import plotly.express as px
 gapminder = px.data.gapminder()
 fig = px.choropleth(gapminder, locations="iso_alpha", color="lifeExp", hover_name="country", animation_frame="year", range_color=[20,80])
-fig.write_html('choropleth.html')
+fig.write_html(os.path.join(dir_name, 'choropleth.html'))