Heatmap on a 2D floor map

Question & Answer
,
1

Hi Team,

I am triying to create a dynamic heatmap from people movement data. I would like to see the result over time on my personal 2D floor map. How can I achieve that ? My coordinates data are also 2D coordinates. Is there a feature to do that ? You can find below what i want to obtain at the end.

heatmap_floor
heatmap_floor292×173 19 KB

2

hello @nicolasf, hope this massage finds you well!
First, i think that highcharts could be better for this type of graph.
this documentation show some examples:
https://www.highcharts.com/demo/highcharts/heatmap-interpolation
tell me if it’s work!

3

Hello @lary_andr, Thanks for your response.
So the only solution is to create the heatmap elsewhere and import it as an image in quicksight, isn’t it ? There is no build-in fonction to do that in quicksight ?

4

Hi @nicolasf,
QuickSight recently added a new visual type: Layered Maps. Check out the documentation below on how to better utilize them and let us know if this works for your case!

5

Hi @nicolasf,
It’s been awhile since we last heard from you, did you have any additional questions regarding your post?

If we do not hear back within the next 3 business days, I’ll close out this topic.

Thank you!

6

Hi @nicolasf,
Since we have not heard back, I’ll go ahead and close out this topic. However, if you have any additional questions, feel free to create a new post in the community and link this discussion for relevant information if needed.

Thank you!

7

Thank you for your response. I got back on this. Sorry for the delay of response. I tried to add highcharts but it seems that Quicksight does not accept image import for the background.
Here is the code that i tried:

{
    "chart": {
        "height": "100%",
        "type": "heatmap",
        "plotBackgroundImage": "https://www.highcharts.com/samples/graphics/example-screenshot.png"
    },
    "title": {
        "text": "Interpolated heatmap image displaying user activity on a website"
    },
    "yAxis": {
        "title": {
            "text": null
        },
        "endOnTick": false,
        "visible": false,
        "minPadding": 0,
        "maxPadding": 0
    },
    "xAxis": {
        "visible": false,
        "margin": 0,
        "minPadding": 0,
        "maxPadding": 0
    },
    "tooltip": {
        "pointFormat": "{point.value:.0f} interactions in this region"
    },
    "legend": {
        "title": {
            "text": "User interactions per region"
        }
    },
    "colorAxis": {
        "stops": [
            [0, "rgba(61, 0, 255, 0.2)"],
            [0.3, "rgba(0, 255, 188, 0.3)"],
            [0.6, "rgba(194, 255, 0, 0.6)"],
            [0.9, "rgba(255, 0, 67, 0.9)"]
        ]
    },
    "series": [{
        "type": "heatmap",
        "name": "User activity",
        "data": [572.369446,	324.907806],
        "interpolation": true
    }],
    "responsive": {
        "rules": [{
            "condition": {
                "minWidth": 600
            },
            "chartOptions": {
                "chart": {
                    "height": 550
                }
            }
        }]
    }
}

I got an empty response.

8

Thank you for your response. I got back on this. Sorry for the delay of response. I can had a geojson but it is only with Polynom form and a dynamic heatmap is not relly a geometrical form as itself. Also, I would like to know if i can read this geojson file from S3 itself to change it automatically. If it’s not possible with a geojson file, is it possible with an image ?

9

Hello @Brett, I find another solution: Use Point on map Vizualisation but It seems that the heatmap is working until a certain scale (scale of a city)

1 Like