Custom Data Visualizations

[Flint Hahn]

I could really use your assistance. I'm loving the ease of creating Keen IO visual charts and graphs through the Javascript SDK. However, I'd like more ability to configure or squelch visual elements. An example of this is adjusting the X/Y labels, such as color, show every other label, position, or hide them completely. I currently see two options: 1.) stylize the outputted JSON, or 2.) retrieve the JSON response and use Google Charts. And here is where I'm stuck: how would you accomplish this? If you wanted to produce richer data visualizations, how would you go about it?

Thanks for any help on this.

[Hans Schoenburg]

Hey a good place to start is NvD3.js Its a simple wrapper around the much more complicated D3.js 

Instead of using Keen to draw the charts, just get the data from Keen and then transform it into the right form for a nvd3 chart that you can customize heavily

[Justin Johnson]

Great response Hans. To add a little bit more to that the way that you would pass the data from Keen IO a third party viz tool is through getResponse : https://keen.io/docs/clients/javascript/reference/#keen-metric-getresponse-function

NvD3.js is a great tool to check out. To highlight a couple more options:

HighCharts or ChartJS.

If you are not looking to spend as much time on this, and are willing to plug in a CSV extract into DataHero (link below) that's always an option as well that has been offering an increasing amount of creative control over your visual elements. 

Keen IO in Data Hero: https://datahero.com/blog/2013/10/24/analyzing-keen-io-events-in-datahero/

[Fabrizio Mancino]

Hi Justin, maybe I should open another post to ask this but anyway I'll try it before. I'm trying to use an external chart wrapper with data queried from keen, but I'm failing it more and more because I can not find any documentation on that. I saw the light when it was incommended the link you gave in the last post but after 3 years is down. Can you provide me something that could help me on this? Thank you

[Dustin Larimer]

Hey there- check out http://slack.keen.io, as we've moved on from the Google Group.

Best,

Dustin