Heatmap color abilities in Hexbin Series

[juliehubs]

I have data that returns the following:
[{x:40, y:57, count:40}, {x:25, y:17, count:4}] , etc.etc.

I am trying to form a hexbin series that's colors change based off of count, or to get the values of the bins to sum based off of another variable. Is this possible?

Basically I want the heatmap color abilities in hexbin series.

[mcnuttandrew]

Hey @juliehubs
Interesting idea! Unfortunately this use case isn't quite covered in HexbinSeries. HexbinSeries is an aggregating series, which is to say it's it puts a wall between you and control over the retinal variables like color and size.

What you could do instead is basically fork the HexbinSeries, maybe into something like HexHeatSeries to evoke the similarity between it and the HeatmapSeries, and modify it so that the count is not executed. Similarly you could use d3-hexbin to get hexagon shapes and then map those as PolygonSeries which would give you complete control over your layout.

[juliehubs]

Hey @mcnuttandrew , thanks for the tips. The only problem with using straight d3 is trying to get it working in React.

[mcnuttandrew]

Just to clarify, I'm not suggesting using d3 as DOM manipulator, instead using d3-hexbin as shape generator, like here