# Heatmap - cell border

**URL:** <https://community.plotly.com/t/heatmap-cell-border/62413>\
**Category:** Dash Python\
**Created:** [March 29, 2022, 3:07am UTC](https://community.plotly.com/t/heatmap-cell-border/62413 "2022-03-29T03:07:02Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![RenaudLN](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/renaudln/32/9041_2.png) [@RenaudLN](https://community.plotly.com/u/RenaudLN)\
**Post date:** [March 29, 2022, 10:14am UTC](https://community.plotly.com/t/heatmap-cell-border/62413/3 "2022-03-29T10:14:31Z")

</div>

Actually scrap that it’s possible by overlaying heatmaps with different xgap, ygap and colorscales

```python
import plotly.graph_objects as go

go.Figure(
    data=[
        go.Heatmap(
            z=[[1, 1, 1], [1, 1, 1], [1, 1, 1]],
            xgap=4,
            ygap=4,
            colorscale=["#08a", "#08a"],
            showscale=False,
        ),
        go.Heatmap(
            z=[[1, 1, 1], [1, 1, 1], [1, 1, 1]],
            xgap=20,
            ygap=20,
            colorscale=["#fff", "#fff"],
            showscale=False,
        ),
    ],
).update_layout(
    yaxis_scaleanchor="x",
    plot_bgcolor="#fff",
    width=400,
    height=400,
    margin=dict(b=0, t=20, l=0, r=20)
)

```

![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/0/f/0f1efff6f857e2de626557365f030774c97a4a3e.png)

---

_[View the full topic](https://community.plotly.com/t/heatmap-cell-border/62413)._