so the tooltip question, ja?
you are doing the console.log(object); in the correct place, but you don't have the properties on "object" you are looking for. this is because your datapoints are grouped/aggregated geographically or by years into columns. DeckGL does that.
open your dev tools and there you can see un the console what's inside "object" and how to get the values. mind that you have multiple object.points per column because as i can see the points in each column are available for three years
you may need to filter the dataset by year then?
i hinted above, but need to explain it more
each column shows multiple datapoints based on the radius it covers. usually only one, but sometimes more than one. for example if you decrease radius 10 times in HexagonLayer settings it would work. this is the reason why index of the column is not necessarily the index in your original dataset. instead, each column carries an array of datapoints that it aggregates (examine "points" of the "hovered object" in console and go deeper into "source")
yes, you could just take the first one such as object.points[0].source and display that in your tooltip, but this is not correct because it would only show one county per column and there likely are situations when you have multiple
i moved hover into a separate function, please examine and improve as needed
nice to see it's working!
1. please check manually a few points by comparing them to the dataset
does the chart really show what it supposed to?
2. see comment below about the tooltip
3. i noted you had another prototype with GEOjson.. where can i see it?
4. package your work into some sort of a web app...
press kebab menu on that cell and pick "Embed" as iframe
you can then embed it into any other webpage like so:
https://jsfiddle.net/w7ez0rcb/
For example create an empty-page website using free github pages and throw it in there