question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Spacing between bricks in a heatmap

See original GitHub issue

image

I’m trying to add spaces between bricks in my plotly heatmap to make it look like the above image. The closest workaround I’ve found to solving this is to implement something like http://codepen.io/etpinard/pen/dMQrKN. Would it be possible to add a padding field to the heatmap api that will specify padding for bottom, left, top and right of each heatmap brick?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
CalvinFernandezcommented, Aug 17, 2016

@etpinard 👍 to horizontal and vertical.

0reactions
etpinardcommented, Aug 19, 2016

@CalvinFernandez looks great! PR away 🚀

One thing though, when you’ll make your PR, the image tests fail on CI because your newly added heatmap_brick_padding.json mock has no corresponding baseline image. If you’re feeling adventurous, you can try generate that baseline image locally using our image-test docker container. See docs here. If you find that too much of a pain, I’ll upload the CI artefact to the PR thread.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Heatmaps with padding gaps in Plotly - RSSing.com
This post will introduce you to xgap and ygap fields for Plotly Heatmaps. You can set horizontal and vertical gap (in pixels) between...
Read more >
How to add spacing between each block of a heatmap
Seaborn makes this pretty easy. Call sns.heatmap , and pass the linewidths parameter. import seaborn as sns import numpy as np def ...
Read more >
Using heat maps - Amazon QuickSight - AWS Documentation
Use heat maps to show a measure for the intersection of two dimensions, with color-coding to easily differentiate where values fall in the...
Read more >
Heatmap visualization | Databricks on AWS
To quickly visualize when trips with the highest fares occurred, the heatmap uses the following settings: X-axis: Trip distance. Y-axis columns: ...
Read more >
Python Figure Reference: heatmap Traces - Plotly
Heatmap trace is a graph object in the figure's data list with any of the named arguments or ... Sets the horizontal gap...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found