{"action":"created","issue":{"url":"https://api.github.com/repos/Freeboard/freeboard/issues/130","labels_url":"https://api.github.com/repos/Freeboard/freeboard/issues/130/labels{/name}","comments_url":"https://api.github.com/repos/Freeboard/freeboard/issues/130/comments","events_url":"https://api.github.com/repos/Freeboard/freeboard/issues/130/events","html_url":"https://github.com/Freeboard/freeboard/pull/130","id":91840092,"number":130,"title":"D3.js Plugin for Awesome Visualizations","user":{"login":"lukaszmac","id":10209428,"avatar_url":"https://avatars.githubusercontent.com/u/10209428?v=3","gravatar_id":"","url":"https://api.github.com/users/lukaszmac","html_url":"https://github.com/lukaszmac","followers_url":"https://api.github.com/users/lukaszmac/followers","following_url":"https://api.github.com/users/lukaszmac/following{/other_user}","gists_url":"https://api.github.com/users/lukaszmac/gists{/gist_id}","starred_url":"https://api.github.com/users/lukaszmac/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lukaszmac/subscriptions","organizations_url":"https://api.github.com/users/lukaszmac/orgs","repos_url":"https://api.github.com/users/lukaszmac/repos","events_url":"https://api.github.com/users/lukaszmac/events{/privacy}","received_events_url":"https://api.github.com/users/lukaszmac/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":9,"created_at":"2015-06-29T15:41:47Z","updated_at":"2015-10-07T08:47:05Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/Freeboard/freeboard/pulls/130","html_url":"https://github.com/Freeboard/freeboard/pull/130","diff_url":"https://github.com/Freeboard/freeboard/pull/130.diff","patch_url":"https://github.com/Freeboard/freeboard/pull/130.patch"},"body":"Hi there\r\n\r\nI am so impressed with how intuitive and clean the Freeboard system is. Great job, and THANK YOU!\r\n\r\nI have always been disappointed with the charting and visualization components in the dashboard tools, mainly because the information density is rather low. I need something that can give me a much richer view of what is going on in a very small space. For this, I find D3.js is EXCELLENT (http://d3js.org/).\r\n\r\nI started configuring a dashboard for my dev team and I put together a D3.js plugin. I thought it might be worth contributing it back. I am sure many more people would like to build on top of it.\r\n\r\nPlease would you consider adding it if you think it will add value. I think it opens up huge possibilities, while blowing the competing frameworks out of the water.\r\n\r\nHere is a screenshot of the example I created. If you feel that I need to invest more time configuring sexier examples then I can still do that. I am doing this in my spare time.\r\n![image](https://cloud.githubusercontent.com/assets/10209428/8411591/1a245ec4-1e85-11e5-93ef-076ba9d47ad1.png)"},"comment":{"url":"https://api.github.com/repos/Freeboard/freeboard/issues/comments/146120361","html_url":"https://github.com/Freeboard/freeboard/pull/130#issuecomment-146120361","issue_url":"https://api.github.com/repos/Freeboard/freeboard/issues/130","id":146120361,"user":{"login":"njss","id":628532,"avatar_url":"https://avatars.githubusercontent.com/u/628532?v=3","gravatar_id":"","url":"https://api.github.com/users/njss","html_url":"https://github.com/njss","followers_url":"https://api.github.com/users/njss/followers","following_url":"https://api.github.com/users/njss/following{/other_user}","gists_url":"https://api.github.com/users/njss/gists{/gist_id}","starred_url":"https://api.github.com/users/njss/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/njss/subscriptions","organizations_url":"https://api.github.com/users/njss/orgs","repos_url":"https://api.github.com/users/njss/repos","events_url":"https://api.github.com/users/njss/events{/privacy}","received_events_url":"https://api.github.com/users/njss/received_events","type":"User","site_admin":false},"created_at":"2015-10-07T08:47:05Z","updated_at":"2015-10-07T08:47:05Z","body":"Hi again Lukas,\r\n\r\nfirst of all thank you for your help. I now have my more complex D3 visualization working inside freeboard.\r\nHowever I am failing to understand how the widget or the pane does not grow in the number of rows, therefore not displaying the entire chart in freeboard. I can see that the entire chart is there but the pane is small in terms of rows.\r\n\r\nWhat goes into these row and col parameters?\r\n\r\nThis my current .json file:\r\n\r\n{\r\n\t\"version\": 1,\r\n\t\"allow_edit\": true,\r\n\t\"plugins\": [],\r\n\t\"panes\": [\r\n\t\t{\r\n\t\t\t\"title\": \"Heatmap\",\r\n\t\t\t\"width\": 1,\r\n\t\t\t\"row\": {\r\n\t\t\t\t\"3\": 2,\r\n\t\t\t\t\"4\": 2\r\n\t\t\t},\r\n\t\t\t\"col\": {\r\n\t\t\t\t\"3\": 1,\r\n\t\t\t\t\"4\": 1\r\n\t\t\t},\r\n\t\t\t\"col_width\": 4,\r\n\t\t\t\"widgets\": [\r\n\t\t\t\t{\r\n\t\t\t\t\t\"type\": \"mach_d3_plugin\",\r\n\t\t\t\t\t\"settings\": {\r\n\t\t\t\t\t\t\"data\": \"\",\r\n\t\t\t\t\t\t\"html\": \"<div id=\\\"heatmap\\\"></div>\",\r\n\t\t\t\t\t\t\"code\": \" //javascript D3 code here\",\r\n\t\t\t\t\t\t\"sizeInBlocks\": 1\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t}\r\n\t],\r\n\t\"datasources\": [],\r\n\t\"columns\": 3\r\n}\r\n\r\n\r\nthank you once more."}}