Gallery
You can create plots in any of the Plotly libraries and export the JSON file for inserting into your documentations.
Using Python as an example
Scatter Plot
df = px.data.iris()
fig = px.scatter(df, x="sepal_width", y="sepal_length", color="species",
                 size='petal_length', hover_data=['petal_width'])
with open("./docs/assets/scatter.json", "w") as f:
    f.write(fig.to_json())
{
    "data": [
        {
            "customdata": [
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.4
                ],
                [
                    0.3
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.1
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.1
                ],
                [
                    0.1
                ],
                [
                    0.2
                ],
                [
                    0.4
                ],
                [
                    0.4
                ],
                [
                    0.3
                ],
                [
                    0.3
                ],
                [
                    0.3
                ],
                [
                    0.2
                ],
                [
                    0.4
                ],
                [
                    0.2
                ],
                [
                    0.5
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.4
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.4
                ],
                [
                    0.1
                ],
                [
                    0.2
                ],
                [
                    0.1
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.1
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.3
                ],
                [
                    0.3
                ],
                [
                    0.2
                ],
                [
                    0.6
                ],
                [
                    0.4
                ],
                [
                    0.3
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.2
                ],
                [
                    0.2
                ]
            ],
            "hovertemplate": "species=setosa<br>sepal_width=%{x}<br>sepal_length=%{y}<br>petal_length=%{marker.size}<br>petal_width=%{customdata[0]}<extra></extra>",
            "legendgroup": "setosa",
            "marker": {
                "color": "#636efa",
                "size": [
                    1.4,
                    1.4,
                    1.3,
                    1.5,
                    1.4,
                    1.7,
                    1.4,
                    1.5,
                    1.4,
                    1.5,
                    1.5,
                    1.6,
                    1.4,
                    1.1,
                    1.2,
                    1.5,
                    1.3,
                    1.4,
                    1.7,
                    1.5,
                    1.7,
                    1.5,
                    1.0,
                    1.7,
                    1.9,
                    1.6,
                    1.6,
                    1.5,
                    1.4,
                    1.6,
                    1.6,
                    1.5,
                    1.5,
                    1.4,
                    1.5,
                    1.2,
                    1.3,
                    1.5,
                    1.3,
                    1.5,
                    1.3,
                    1.3,
                    1.3,
                    1.6,
                    1.9,
                    1.4,
                    1.6,
                    1.4,
                    1.5,
                    1.4
                ],
                "sizemode": "area",
                "sizeref": 0.01725,
                "symbol": "circle"
            },
            "mode": "markers",
            "name": "setosa",
            "orientation": "v",
            "showlegend": true,
            "x": [
                3.5,
                3.0,
                3.2,
                3.1,
                3.6,
                3.9,
                3.4,
                3.4,
                2.9,
                3.1,
                3.7,
                3.4,
                3.0,
                3.0,
                4.0,
                4.4,
                3.9,
                3.5,
                3.8,
                3.8,
                3.4,
                3.7,
                3.6,
                3.3,
                3.4,
                3.0,
                3.4,
                3.5,
                3.4,
                3.2,
                3.1,
                3.4,
                4.1,
                4.2,
                3.1,
                3.2,
                3.5,
                3.1,
                3.0,
                3.4,
                3.5,
                2.3,
                3.2,
                3.5,
                3.8,
                3.0,
                3.8,
                3.2,
                3.7,
                3.3
            ],
            "xaxis": "x",
            "y": [
                5.1,
                4.9,
                4.7,
                4.6,
                5.0,
                5.4,
                4.6,
                5.0,
                4.4,
                4.9,
                5.4,
                4.8,
                4.8,
                4.3,
                5.8,
                5.7,
                5.4,
                5.1,
                5.7,
                5.1,
                5.4,
                5.1,
                4.6,
                5.1,
                4.8,
                5.0,
                5.0,
                5.2,
                5.2,
                4.7,
                4.8,
                5.4,
                5.2,
                5.5,
                4.9,
                5.0,
                5.5,
                4.9,
                4.4,
                5.1,
                5.0,
                4.5,
                4.4,
                5.0,
                5.1,
                4.8,
                5.1,
                4.6,
                5.3,
                5.0
            ],
            "yaxis": "y",
            "type": "scatter"
        },
        {
            "customdata": [
                [
                    1.4
                ],
                [
                    1.5
                ],
                [
                    1.5
                ],
                [
                    1.3
                ],
                [
                    1.5
                ],
                [
                    1.3
                ],
                [
                    1.6
                ],
                [
                    1.0
                ],
                [
                    1.3
                ],
                [
                    1.4
                ],
                [
                    1.0
                ],
                [
                    1.5
                ],
                [
                    1.0
                ],
                [
                    1.4
                ],
                [
                    1.3
                ],
                [
                    1.4
                ],
                [
                    1.5
                ],
                [
                    1.0
                ],
                [
                    1.5
                ],
                [
                    1.1
                ],
                [
                    1.8
                ],
                [
                    1.3
                ],
                [
                    1.5
                ],
                [
                    1.2
                ],
                [
                    1.3
                ],
                [
                    1.4
                ],
                [
                    1.4
                ],
                [
                    1.7
                ],
                [
                    1.5
                ],
                [
                    1.0
                ],
                [
                    1.1
                ],
                [
                    1.0
                ],
                [
                    1.2
                ],
                [
                    1.6
                ],
                [
                    1.5
                ],
                [
                    1.6
                ],
                [
                    1.5
                ],
                [
                    1.3
                ],
                [
                    1.3
                ],
                [
                    1.3
                ],
                [
                    1.2
                ],
                [
                    1.4
                ],
                [
                    1.2
                ],
                [
                    1.0
                ],
                [
                    1.3
                ],
                [
                    1.2
                ],
                [
                    1.3
                ],
                [
                    1.3
                ],
                [
                    1.1
                ],
                [
                    1.3
                ]
            ],
            "hovertemplate": "species=versicolor<br>sepal_width=%{x}<br>sepal_length=%{y}<br>petal_length=%{marker.size}<br>petal_width=%{customdata[0]}<extra></extra>",
            "legendgroup": "versicolor",
            "marker": {
                "color": "#EF553B",
                "size": [
                    4.7,
                    4.5,
                    4.9,
                    4.0,
                    4.6,
                    4.5,
                    4.7,
                    3.3,
                    4.6,
                    3.9,
                    3.5,
                    4.2,
                    4.0,
                    4.7,
                    3.6,
                    4.4,
                    4.5,
                    4.1,
                    4.5,
                    3.9,
                    4.8,
                    4.0,
                    4.9,
                    4.7,
                    4.3,
                    4.4,
                    4.8,
                    5.0,
                    4.5,
                    3.5,
                    3.8,
                    3.7,
                    3.9,
                    5.1,
                    4.5,
                    4.5,
                    4.7,
                    4.4,
                    4.1,
                    4.0,
                    4.4,
                    4.6,
                    4.0,
                    3.3,
                    4.2,
                    4.2,
                    4.2,
                    4.3,
                    3.0,
                    4.1
                ],
                "sizemode": "area",
                "sizeref": 0.01725,
                "symbol": "circle"
            },
            "mode": "markers",
            "name": "versicolor",
            "orientation": "v",
            "showlegend": true,
            "x": [
                3.2,
                3.2,
                3.1,
                2.3,
                2.8,
                2.8,
                3.3,
                2.4,
                2.9,
                2.7,
                2.0,
                3.0,
                2.2,
                2.9,
                2.9,
                3.1,
                3.0,
                2.7,
                2.2,
                2.5,
                3.2,
                2.8,
                2.5,
                2.8,
                2.9,
                3.0,
                2.8,
                3.0,
                2.9,
                2.6,
                2.4,
                2.4,
                2.7,
                2.7,
                3.0,
                3.4,
                3.1,
                2.3,
                3.0,
                2.5,
                2.6,
                3.0,
                2.6,
                2.3,
                2.7,
                3.0,
                2.9,
                2.9,
                2.5,
                2.8
            ],
            "xaxis": "x",
            "y": [
                7.0,
                6.4,
                6.9,
                5.5,
                6.5,
                5.7,
                6.3,
                4.9,
                6.6,
                5.2,
                5.0,
                5.9,
                6.0,
                6.1,
                5.6,
                6.7,
                5.6,
                5.8,
                6.2,
                5.6,
                5.9,
                6.1,
                6.3,
                6.1,
                6.4,
                6.6,
                6.8,
                6.7,
                6.0,
                5.7,
                5.5,
                5.5,
                5.8,
                6.0,
                5.4,
                6.0,
                6.7,
                6.3,
                5.6,
                5.5,
                5.5,
                6.1,
                5.8,
                5.0,
                5.6,
                5.7,
                5.7,
                6.2,
                5.1,
                5.7
            ],
            "yaxis": "y",
            "type": "scatter"
        },
        {
            "customdata": [
                [
                    2.5
                ],
                [
                    1.9
                ],
                [
                    2.1
                ],
                [
                    1.8
                ],
                [
                    2.2
                ],
                [
                    2.1
                ],
                [
                    1.7
                ],
                [
                    1.8
                ],
                [
                    1.8
                ],
                [
                    2.5
                ],
                [
                    2.0
                ],
                [
                    1.9
                ],
                [
                    2.1
                ],
                [
                    2.0
                ],
                [
                    2.4
                ],
                [
                    2.3
                ],
                [
                    1.8
                ],
                [
                    2.2
                ],
                [
                    2.3
                ],
                [
                    1.5
                ],
                [
                    2.3
                ],
                [
                    2.0
                ],
                [
                    2.0
                ],
                [
                    1.8
                ],
                [
                    2.1
                ],
                [
                    1.8
                ],
                [
                    1.8
                ],
                [
                    1.8
                ],
                [
                    2.1
                ],
                [
                    1.6
                ],
                [
                    1.9
                ],
                [
                    2.0
                ],
                [
                    2.2
                ],
                [
                    1.5
                ],
                [
                    1.4
                ],
                [
                    2.3
                ],
                [
                    2.4
                ],
                [
                    1.8
                ],
                [
                    1.8
                ],
                [
                    2.1
                ],
                [
                    2.4
                ],
                [
                    2.3
                ],
                [
                    1.9
                ],
                [
                    2.3
                ],
                [
                    2.5
                ],
                [
                    2.3
                ],
                [
                    1.9
                ],
                [
                    2.0
                ],
                [
                    2.3
                ],
                [
                    1.8
                ]
            ],
            "hovertemplate": "species=virginica<br>sepal_width=%{x}<br>sepal_length=%{y}<br>petal_length=%{marker.size}<br>petal_width=%{customdata[0]}<extra></extra>",
            "legendgroup": "virginica",
            "marker": {
                "color": "#00cc96",
                "size": [
                    6.0,
                    5.1,
                    5.9,
                    5.6,
                    5.8,
                    6.6,
                    4.5,
                    6.3,
                    5.8,
                    6.1,
                    5.1,
                    5.3,
                    5.5,
                    5.0,
                    5.1,
                    5.3,
                    5.5,
                    6.7,
                    6.9,
                    5.0,
                    5.7,
                    4.9,
                    6.7,
                    4.9,
                    5.7,
                    6.0,
                    4.8,
                    4.9,
                    5.6,
                    5.8,
                    6.1,
                    6.4,
                    5.6,
                    5.1,
                    5.6,
                    6.1,
                    5.6,
                    5.5,
                    4.8,
                    5.4,
                    5.6,
                    5.1,
                    5.1,
                    5.9,
                    5.7,
                    5.2,
                    5.0,
                    5.2,
                    5.4,
                    5.1
                ],
                "sizemode": "area",
                "sizeref": 0.01725,
                "symbol": "circle"
            },
            "mode": "markers",
            "name": "virginica",
            "orientation": "v",
            "showlegend": true,
            "x": [
                3.3,
                2.7,
                3.0,
                2.9,
                3.0,
                3.0,
                2.5,
                2.9,
                2.5,
                3.6,
                3.2,
                2.7,
                3.0,
                2.5,
                2.8,
                3.2,
                3.0,
                3.8,
                2.6,
                2.2,
                3.2,
                2.8,
                2.8,
                2.7,
                3.3,
                3.2,
                2.8,
                3.0,
                2.8,
                3.0,
                2.8,
                3.8,
                2.8,
                2.8,
                2.6,
                3.0,
                3.4,
                3.1,
                3.0,
                3.1,
                3.1,
                3.1,
                2.7,
                3.2,
                3.3,
                3.0,
                2.5,
                3.0,
                3.4,
                3.0
            ],
            "xaxis": "x",
            "y": [
                6.3,
                5.8,
                7.1,
                6.3,
                6.5,
                7.6,
                4.9,
                7.3,
                6.7,
                7.2,
                6.5,
                6.4,
                6.8,
                5.7,
                5.8,
                6.4,
                6.5,
                7.7,
                7.7,
                6.0,
                6.9,
                5.6,
                7.7,
                6.3,
                6.7,
                7.2,
                6.2,
                6.1,
                6.4,
                7.2,
                7.4,
                7.9,
                6.4,
                6.3,
                6.1,
                7.7,
                6.3,
                6.4,
                6.0,
                6.9,
                6.7,
                6.9,
                5.8,
                6.8,
                6.7,
                6.7,
                6.3,
                6.5,
                6.2,
                5.9
            ],
            "yaxis": "y",
            "type": "scatter"
        }
    ],
    "layout": {
        "template": {
            "data": {
                "histogram2dcontour": [
                    {
                        "type": "histogram2dcontour",
                        "colorbar": {
                            "outlinewidth": 0,
                            "ticks": ""
                        },
                        "colorscale": [
                            [
                                0.0,
                                "#0d0887"
                            ],
                            [
                                0.1111111111111111,
                                "#46039f"
                            ],
                            [
                                0.2222222222222222,
                                "#7201a8"
                            ],
                            [
                                0.3333333333333333,
                                "#9c179e"
                            ],
                            [
                                0.4444444444444444,
                                "#bd3786"
                            ],
                            [
                                0.5555555555555556,
                                "#d8576b"
                            ],
                            [
                                0.6666666666666666,
                                "#ed7953"
                            ],
                            [
                                0.7777777777777778,
                                "#fb9f3a"
                            ],
                            [
                                0.8888888888888888,
                                "#fdca26"
                            ],
                            [
                                1.0,
                                "#f0f921"
                            ]
                        ]
                    }
                ],
                "choropleth": [
                    {
                        "type": "choropleth",
                        "colorbar": {
                            "outlinewidth": 0,
                            "ticks": ""
                        }
                    }
                ],
                "histogram2d": [
                    {
                        "type": "histogram2d",
                        "colorbar": {
                            "outlinewidth": 0,
                            "ticks": ""
                        },
                        "colorscale": [
                            [
                                0.0,
                                "#0d0887"
                            ],
                            [
                                0.1111111111111111,
                                "#46039f"
                            ],
                            [
                                0.2222222222222222,
                                "#7201a8"
                            ],
                            [
                                0.3333333333333333,
                                "#9c179e"
                            ],
                            [
                                0.4444444444444444,
                                "#bd3786"
                            ],
                            [
                                0.5555555555555556,
                                "#d8576b"
                            ],
                            [
                                0.6666666666666666,
                                "#ed7953"
                            ],
                            [
                                0.7777777777777778,
                                "#fb9f3a"
                            ],
                            [
                                0.8888888888888888,
                                "#fdca26"
                            ],
                            [
                                1.0,
                                "#f0f921"
                            ]
                        ]
                    }
                ],
                "heatmap": [
                    {
                        "type": "heatmap",
                        "colorbar": {
                            "outlinewidth": 0,
                            "ticks": ""
                        },
                        "colorscale": [
                            [
                                0.0,
                                "#0d0887"
                            ],
                            [
                                0.1111111111111111,
                                "#46039f"
                            ],
                            [
                                0.2222222222222222,
                                "#7201a8"
                            ],
                            [
                                0.3333333333333333,
                                "#9c179e"
                            ],
                            [
                                0.4444444444444444,
                                "#bd3786"
                            ],
                            [
                                0.5555555555555556,
                                "#d8576b"
                            ],
                            [
                                0.6666666666666666,
                                "#ed7953"
                            ],
                            [
                                0.7777777777777778,
                                "#fb9f3a"
                            ],
                            [
                                0.8888888888888888,
                                "#fdca26"
                            ],
                            [
                                1.0,
                                "#f0f921"
                            ]
                        ]
                    }
                ],
                "heatmapgl": [
                    {
                        "type": "heatmapgl",
                        "colorbar": {
                            "outlinewidth": 0,
                            "ticks": ""
                        },
                        "colorscale": [
                            [
                                0.0,
                                "#0d0887"
                            ],
                            [
                                0.1111111111111111,
                                "#46039f"
                            ],
                            [
                                0.2222222222222222,
                                "#7201a8"
                            ],
                            [
                                0.3333333333333333,
                                "#9c179e"
                            ],
                            [
                                0.4444444444444444,
                                "#bd3786"
                            ],
                            [
                                0.5555555555555556,
                                "#d8576b"
                            ],
                            [
                                0.6666666666666666,
                                "#ed7953"
                            ],
                            [
                                0.7777777777777778,
                                "#fb9f3a"
                            ],
                            [
                                0.8888888888888888,
                                "#fdca26"
                            ],
                            [
                                1.0,
                                "#f0f921"
                            ]
                        ]
                    }
                ],
                "contourcarpet": [
                    {
                        "type": "contourcarpet",
                        "colorbar": {
                            "outlinewidth": 0,
                            "ticks": ""
                        }
                    }
                ],
                "contour": [
                    {
                        "type": "contour",
                        "colorbar": {
                            "outlinewidth": 0,
                            "ticks": ""
                        },
                        "colorscale": [
                            [
                                0.0,
                                "#0d0887"
                            ],
                            [
                                0.1111111111111111,
                                "#46039f"
                            ],
                            [
                                0.2222222222222222,
                                "#7201a8"
                            ],
                            [
                                0.3333333333333333,
                                "#9c179e"
                            ],
                            [
                                0.4444444444444444,
                                "#bd3786"
                            ],
                            [
                                0.5555555555555556,
                                "#d8576b"
                            ],
                            [
                                0.6666666666666666,
                                "#ed7953"
                            ],
                            [
                                0.7777777777777778,
                                "#fb9f3a"
                            ],
                            [
                                0.8888888888888888,
                                "#fdca26"
                            ],
                            [
                                1.0,
                                "#f0f921"
                            ]
                        ]
                    }
                ],
                "surface": [
                    {
                        "type": "surface",
                        "colorbar": {
                            "outlinewidth": 0,
                            "ticks": ""
                        },
                        "colorscale": [
                            [
                                0.0,
                                "#0d0887"
                            ],
                            [
                                0.1111111111111111,
                                "#46039f"
                            ],
                            [
                                0.2222222222222222,
                                "#7201a8"
                            ],
                            [
                                0.3333333333333333,
                                "#9c179e"
                            ],
                            [
                                0.4444444444444444,
                                "#bd3786"
                            ],
                            [
                                0.5555555555555556,
                                "#d8576b"
                            ],
                            [
                                0.6666666666666666,
                                "#ed7953"
                            ],
                            [
                                0.7777777777777778,
                                "#fb9f3a"
                            ],
                            [
                                0.8888888888888888,
                                "#fdca26"
                            ],
                            [
                                1.0,
                                "#f0f921"
                            ]
                        ]
                    }
                ],
                "mesh3d": [
                    {
                        "type": "mesh3d",
                        "colorbar": {
                            "outlinewidth": 0,
                            "ticks": ""
                        }
                    }
                ],
                "scatter": [
                    {
                        "fillpattern": {
                            "fillmode": "overlay",
                            "size": 10,
                            "solidity": 0.2
                        },
                        "type": "scatter"
                    }
                ],
                "parcoords": [
                    {
                        "type": "parcoords",
                        "line": {
                            "colorbar": {
                                "outlinewidth": 0,
                                "ticks": ""
                            }
                        }
                    }
                ],
                "scatterpolargl": [
                    {
                        "type": "scatterpolargl",
                        "marker": {
                            "colorbar": {
                                "outlinewidth": 0,
                                "ticks": ""
                            }
                        }
                    }
                ],
                "bar": [
                    {
                        "error_x": {
                            "color": "#2a3f5f"
                        },
                        "error_y": {
                            "color": "#2a3f5f"
                        },
                        "marker": {
                            "line": {
                                "color": "#E5ECF6",
                                "width": 0.5
                            },
                            "pattern": {
                                "fillmode": "overlay",
                                "size": 10,
                                "solidity": 0.2
                            }
                        },
                        "type": "bar"
                    }
                ],
                "scattergeo": [
                    {
                        "type": "scattergeo",
                        "marker": {
                            "colorbar": {
                                "outlinewidth": 0,
                                "ticks": ""
                            }
                        }
                    }
                ],
                "scatterpolar": [
                    {
                        "type": "scatterpolar",
                        "marker": {
                            "colorbar": {
                                "outlinewidth": 0,
                                "ticks": ""
                            }
                        }
                    }
                ],
                "histogram": [
                    {
                        "marker": {
                            "pattern": {
                                "fillmode": "overlay",
                                "size": 10,
                                "solidity": 0.2
                            }
                        },
                        "type": "histogram"
                    }
                ],
                "scattergl": [
                    {
                        "type": "scattergl",
                        "marker": {
                            "colorbar": {
                                "outlinewidth": 0,
                                "ticks": ""
                            }
                        }
                    }
                ],
                "scatter3d": [
                    {
                        "type": "scatter3d",
                        "line": {
                            "colorbar": {
                                "outlinewidth": 0,
                                "ticks": ""
                            }
                        },
                        "marker": {
                            "colorbar": {
                                "outlinewidth": 0,
                                "ticks": ""
                            }
                        }
                    }
                ],
                "scattermapbox": [
                    {
                        "type": "scattermapbox",
                        "marker": {
                            "colorbar": {
                                "outlinewidth": 0,
                                "ticks": ""
                            }
                        }
                    }
                ],
                "scatterternary": [
                    {
                        "type": "scatterternary",
                        "marker": {
                            "colorbar": {
                                "outlinewidth": 0,
                                "ticks": ""
                            }
                        }
                    }
                ],
                "scattercarpet": [
                    {
                        "type": "scattercarpet",
                        "marker": {
                            "colorbar": {
                                "outlinewidth": 0,
                                "ticks": ""
                            }
                        }
                    }
                ],
                "carpet": [
                    {
                        "aaxis": {
                            "endlinecolor": "#2a3f5f",
                            "gridcolor": "white",
                            "linecolor": "white",
                            "minorgridcolor": "white",
                            "startlinecolor": "#2a3f5f"
                        },
                        "baxis": {
                            "endlinecolor": "#2a3f5f",
                            "gridcolor": "white",
                            "linecolor": "white",
                            "minorgridcolor": "white",
                            "startlinecolor": "#2a3f5f"
                        },
                        "type": "carpet"
                    }
                ],
                "table": [
                    {
                        "cells": {
                            "fill": {
                                "color": "#EBF0F8"
                            },
                            "line": {
                                "color": "white"
                            }
                        },
                        "header": {
                            "fill": {
                                "color": "#C8D4E3"
                            },
                            "line": {
                                "color": "white"
                            }
                        },
                        "type": "table"
                    }
                ],
                "barpolar": [
                    {
                        "marker": {
                            "line": {
                                "color": "#E5ECF6",
                                "width": 0.5
                            },
                            "pattern": {
                                "fillmode": "overlay",
                                "size": 10,
                                "solidity": 0.2
                            }
                        },
                        "type": "barpolar"
                    }
                ],
                "pie": [
                    {
                        "automargin": true,
                        "type": "pie"
                    }
                ]
            },
            "layout": {
                "autotypenumbers": "strict",
                "colorway": [
                    "#636efa",
                    "#EF553B",
                    "#00cc96",
                    "#ab63fa",
                    "#FFA15A",
                    "#19d3f3",
                    "#FF6692",
                    "#B6E880",
                    "#FF97FF",
                    "#FECB52"
                ],
                "font": {
                    "color": "#2a3f5f"
                },
                "hovermode": "closest",
                "hoverlabel": {
                    "align": "left"
                },
                "paper_bgcolor": "white",
                "plot_bgcolor": "#E5ECF6",
                "polar": {
                    "bgcolor": "#E5ECF6",
                    "angularaxis": {
                        "gridcolor": "white",
                        "linecolor": "white",
                        "ticks": ""
                    },
                    "radialaxis": {
                        "gridcolor": "white",
                        "linecolor": "white",
                        "ticks": ""
                    }
                },
                "ternary": {
                    "bgcolor": "#E5ECF6",
                    "aaxis": {
                        "gridcolor": "white",
                        "linecolor": "white",
                        "ticks": ""
                    },
                    "baxis": {
                        "gridcolor": "white",
                        "linecolor": "white",
                        "ticks": ""
                    },
                    "caxis": {
                        "gridcolor": "white",
                        "linecolor": "white",
                        "ticks": ""
                    }
                },
                "coloraxis": {
                    "colorbar": {
                        "outlinewidth": 0,
                        "ticks": ""
                    }
                },
                "colorscale": {
                    "sequential": [
                        [
                            0.0,
                            "#0d0887"
                        ],
                        [
                            0.1111111111111111,
                            "#46039f"
                        ],
                        [
                            0.2222222222222222,
                            "#7201a8"
                        ],
                        [
                            0.3333333333333333,
                            "#9c179e"
                        ],
                        [
                            0.4444444444444444,
                            "#bd3786"
                        ],
                        [
                            0.5555555555555556,
                            "#d8576b"
                        ],
                        [
                            0.6666666666666666,
                            "#ed7953"
                        ],
                        [
                            0.7777777777777778,
                            "#fb9f3a"
                        ],
                        [
                            0.8888888888888888,
                            "#fdca26"
                        ],
                        [
                            1.0,
                            "#f0f921"
                        ]
                    ],
                    "sequentialminus": [
                        [
                            0.0,
                            "#0d0887"
                        ],
                        [
                            0.1111111111111111,
                            "#46039f"
                        ],
                        [
                            0.2222222222222222,
                            "#7201a8"
                        ],
                        [
                            0.3333333333333333,
                            "#9c179e"
                        ],
                        [
                            0.4444444444444444,
                            "#bd3786"
                        ],
                        [
                            0.5555555555555556,
                            "#d8576b"
                        ],
                        [
                            0.6666666666666666,
                            "#ed7953"
                        ],
                        [
                            0.7777777777777778,
                            "#fb9f3a"
                        ],
                        [
                            0.8888888888888888,
                            "#fdca26"
                        ],
                        [
                            1.0,
                            "#f0f921"
                        ]
                    ],
                    "diverging": [
                        [
                            0,
                            "#8e0152"
                        ],
                        [
                            0.1,
                            "#c51b7d"
                        ],
                        [
                            0.2,
                            "#de77ae"
                        ],
                        [
                            0.3,
                            "#f1b6da"
                        ],
                        [
                            0.4,
                            "#fde0ef"
                        ],
                        [
                            0.5,
                            "#f7f7f7"
                        ],
                        [
                            0.6,
                            "#e6f5d0"
                        ],
                        [
                            0.7,
                            "#b8e186"
                        ],
                        [
                            0.8,
                            "#7fbc41"
                        ],
                        [
                            0.9,
                            "#4d9221"
                        ],
                        [
                            1,
                            "#276419"
                        ]
                    ]
                },
                "xaxis": {
                    "gridcolor": "white",
                    "linecolor": "white",
                    "ticks": "",
                    "title": {
                        "standoff": 15
                    },
                    "zerolinecolor": "white",
                    "automargin": true,
                    "zerolinewidth": 2
                },
                "yaxis": {
                    "gridcolor": "white",
                    "linecolor": "white",
                    "ticks": "",
                    "title": {
                        "standoff": 15
                    },
                    "zerolinecolor": "white",
                    "automargin": true,
                    "zerolinewidth": 2
                },
                "scene": {
                    "xaxis": {
                        "backgroundcolor": "#E5ECF6",
                        "gridcolor": "white",
                        "linecolor": "white",
                        "showbackground": true,
                        "ticks": "",
                        "zerolinecolor": "white",
                        "gridwidth": 2
                    },
                    "yaxis": {
                        "backgroundcolor": "#E5ECF6",
                        "gridcolor": "white",
                        "linecolor": "white",
                        "showbackground": true,
                        "ticks": "",
                        "zerolinecolor": "white",
                        "gridwidth": 2
                    },
                    "zaxis": {
                        "backgroundcolor": "#E5ECF6",
                        "gridcolor": "white",
                        "linecolor": "white",
                        "showbackground": true,
                        "ticks": "",
                        "zerolinecolor": "white",
                        "gridwidth": 2
                    }
                },
                "shapedefaults": {
                    "line": {
                        "color": "#2a3f5f"
                    }
                },
                "annotationdefaults": {
                    "arrowcolor": "#2a3f5f",
                    "arrowhead": 0,
                    "arrowwidth": 1
                },
                "geo": {
                    "bgcolor": "white",
                    "landcolor": "#E5ECF6",
                    "subunitcolor": "white",
                    "showland": true,
                    "showlakes": true,
                    "lakecolor": "white"
                },
                "title": {
                    "x": 0.05
                },
                "mapbox": {
                    "style": "light"
                }
            }
        },
        "xaxis": {
            "anchor": "y",
            "domain": [
                0.0,
                1.0
            ],
            "title": {
                "text": "sepal_width"
            }
        },
        "yaxis": {
            "anchor": "x",
            "domain": [
                0.0,
                1.0
            ],
            "title": {
                "text": "sepal_length"
            }
        },
        "legend": {
            "title": {
                "text": "species"
            },
            "tracegroupgap": 0,
            "itemsizing": "constant"
        },
        "margin": {
            "t": 60
        }
    }
}
Contour Plot
fig = go.Figure(data =
    go.Contour(
        z=[[10, 10.625, 12.5, 15.625, 20],
           [5.625, 6.25, 8.125, 11.25, 15.625],
           [2.5, 3.125, 5., 8.125, 12.5],
           [0.625, 1.25, 3.125, 6.25, 10.625],
           [0, 0.625, 2.5, 5.625, 10]],
        x=[-9, -6, -5 , -3, -1], # horizontal axis
        y=[0, 1, 4, 5, 7] # vertical axis
    ))
with open("./docs/assets/contour.json", "w") as f:
    f.write(fig.to_json())
{"data":[{"x":[-9,-6,-5,-3,-1],"y":[0,1,4,5,7],"z":[[10,10.625,12.5,15.625,20],[5.625,6.25,8.125,11.25,15.625],[2.5,3.125,5.0,8.125,12.5],[0.625,1.25,3.125,6.25,10.625],[0,0.625,2.5,5.625,10]],"type":"contour"}],"layout":{"template":{"data":{"histogram2dcontour":[{"type":"histogram2dcontour","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"choropleth":[{"type":"choropleth","colorbar":{"outlinewidth":0,"ticks":""}}],"histogram2d":[{"type":"histogram2d","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"heatmap":[{"type":"heatmap","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"heatmapgl":[{"type":"heatmapgl","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contourcarpet":[{"type":"contourcarpet","colorbar":{"outlinewidth":0,"ticks":""}}],"contour":[{"type":"contour","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"surface":[{"type":"surface","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"mesh3d":[{"type":"mesh3d","colorbar":{"outlinewidth":0,"ticks":""}}],"scatter":[{"fillpattern":{"fillmode":"overlay","size":10,"solidity":0.2},"type":"scatter"}],"parcoords":[{"type":"parcoords","line":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scatterpolargl":[{"type":"scatterpolargl","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"bar":[{"error_x":{"color":"#2a3f5f"},"error_y":{"color":"#2a3f5f"},"marker":{"line":{"color":"#E5ECF6","width":0.5},"pattern":{"fillmode":"overlay","size":10,"solidity":0.2}},"type":"bar"}],"scattergeo":[{"type":"scattergeo","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scatterpolar":[{"type":"scatterpolar","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"histogram":[{"marker":{"pattern":{"fillmode":"overlay","size":10,"solidity":0.2}},"type":"histogram"}],"scattergl":[{"type":"scattergl","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scatter3d":[{"type":"scatter3d","line":{"colorbar":{"outlinewidth":0,"ticks":""}},"marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scattermapbox":[{"type":"scattermapbox","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scatterternary":[{"type":"scatterternary","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scattercarpet":[{"type":"scattercarpet","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"carpet":[{"aaxis":{"endlinecolor":"#2a3f5f","gridcolor":"white","linecolor":"white","minorgridcolor":"white","startlinecolor":"#2a3f5f"},"baxis":{"endlinecolor":"#2a3f5f","gridcolor":"white","linecolor":"white","minorgridcolor":"white","startlinecolor":"#2a3f5f"},"type":"carpet"}],"table":[{"cells":{"fill":{"color":"#EBF0F8"},"line":{"color":"white"}},"header":{"fill":{"color":"#C8D4E3"},"line":{"color":"white"}},"type":"table"}],"barpolar":[{"marker":{"line":{"color":"#E5ECF6","width":0.5},"pattern":{"fillmode":"overlay","size":10,"solidity":0.2}},"type":"barpolar"}],"pie":[{"automargin":true,"type":"pie"}]},"layout":{"autotypenumbers":"strict","colorway":["#636efa","#EF553B","#00cc96","#ab63fa","#FFA15A","#19d3f3","#FF6692","#B6E880","#FF97FF","#FECB52"],"font":{"color":"#2a3f5f"},"hovermode":"closest","hoverlabel":{"align":"left"},"paper_bgcolor":"white","plot_bgcolor":"#E5ECF6","polar":{"bgcolor":"#E5ECF6","angularaxis":{"gridcolor":"white","linecolor":"white","ticks":""},"radialaxis":{"gridcolor":"white","linecolor":"white","ticks":""}},"ternary":{"bgcolor":"#E5ECF6","aaxis":{"gridcolor":"white","linecolor":"white","ticks":""},"baxis":{"gridcolor":"white","linecolor":"white","ticks":""},"caxis":{"gridcolor":"white","linecolor":"white","ticks":""}},"coloraxis":{"colorbar":{"outlinewidth":0,"ticks":""}},"colorscale":{"sequential":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]],"sequentialminus":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]],"diverging":[[0,"#8e0152"],[0.1,"#c51b7d"],[0.2,"#de77ae"],[0.3,"#f1b6da"],[0.4,"#fde0ef"],[0.5,"#f7f7f7"],[0.6,"#e6f5d0"],[0.7,"#b8e186"],[0.8,"#7fbc41"],[0.9,"#4d9221"],[1,"#276419"]]},"xaxis":{"gridcolor":"white","linecolor":"white","ticks":"","title":{"standoff":15},"zerolinecolor":"white","automargin":true,"zerolinewidth":2},"yaxis":{"gridcolor":"white","linecolor":"white","ticks":"","title":{"standoff":15},"zerolinecolor":"white","automargin":true,"zerolinewidth":2},"scene":{"xaxis":{"backgroundcolor":"#E5ECF6","gridcolor":"white","linecolor":"white","showbackground":true,"ticks":"","zerolinecolor":"white","gridwidth":2},"yaxis":{"backgroundcolor":"#E5ECF6","gridcolor":"white","linecolor":"white","showbackground":true,"ticks":"","zerolinecolor":"white","gridwidth":2},"zaxis":{"backgroundcolor":"#E5ECF6","gridcolor":"white","linecolor":"white","showbackground":true,"ticks":"","zerolinecolor":"white","gridwidth":2}},"shapedefaults":{"line":{"color":"#2a3f5f"}},"annotationdefaults":{"arrowcolor":"#2a3f5f","arrowhead":0,"arrowwidth":1},"geo":{"bgcolor":"white","landcolor":"#E5ECF6","subunitcolor":"white","showland":true,"showlakes":true,"lakecolor":"white"},"title":{"x":0.05},"mapbox":{"style":"light"}}}}}