{"id":22439,"date":"2014-08-28T11:01:57","date_gmt":"2014-08-28T09:01:57","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=22439"},"modified":"2014-08-28T11:01:57","modified_gmt":"2014-08-28T09:01:57","slug":"c3-js-d3-based-reusable-chart-library","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2014\/08\/28\/c3-js-d3-based-reusable-chart-library\/","title":{"rendered":"c3.js &#8211; d3-based reusable chart library"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"http:\/\/c3js.org\/\">c3.js<\/a> &#8211; d3-based reusable chart library.<\/p>\n<blockquote><p>C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don&#8217;t need to write D3 code any more.<\/p><\/blockquote>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>c3.js &#8211; d3-based reusable chart library. C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don&#8217;t need to write D3 code any more.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,18,62,1334],"tags":[1313,1139,1330],"keyring_services":[],"class_list":["post-22439","post","type-post","status-publish","format-link","hentry","category-general","category-programming","category-technology","category-web-work","tag-charts","tag-javascript","tag-web-development","post_format-post-format-link"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":22885,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/11\/15\/metricsgraphics-js-d3-based-library-for-visualizing-time-series-data\/","url_meta":{"origin":22439,"position":0},"title":"MetricsGraphics.js &#8211; D3-based library for visualizing time-series data","author":"Leonid Mamchenkov","date":"November 15, 2014","format":"link","excerpt":"MetricsGraphics.js - D3-based library for visualizing time-series data.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22478,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/09\/03\/chartbuilder-gneisschart-a-d3-js-based-front-end-charting-application-that-facilitates-easy-creation-of-simple-beautiful-charts\/","url_meta":{"origin":22439,"position":1},"title":"Chartbuilder \/ Gneisschart &#8211; a D3.js based front-end charting application that facilitates easy creation of simple beautiful charts","author":"Leonid Mamchenkov","date":"September 3, 2014","format":"link","excerpt":"Chartbuilder \/ Gneisschart - a D3.js based front-end charting application that facilitates easy creation of simple beautiful charts. You can download and install it in your environment, or you can use a hosted version. Chartbuilder was created to speed workflow in a newsroom and give reporters more responsibility over their\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"Chartbuilder","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/09\/Chartbuilder-500x281.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":22459,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/09\/01\/chartist-js-simple-responsive-charts\/","url_meta":{"origin":22439,"position":2},"title":"Chartist.js &#8211; simple responsive charts","author":"Leonid Mamchenkov","date":"September 1, 2014","format":"link","excerpt":"Chartist.js - simple responsive charts. The following facts should give you an overview why to choose Chartists as your front-end chart generator: Simple handling while using convention over configuration Great flexibility while using clear separation of concerns (Style with CSS & control with JS) Usage of SVG (Yes! SVG is\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":23081,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/12\/03\/mermaid-markdown-like-generation-of-flowcharts-and-diagrams\/","url_meta":{"origin":22439,"position":3},"title":"mermaid &#8211; markdown-like generation of flowcharts and diagrams","author":"Leonid Mamchenkov","date":"December 3, 2014","format":"link","excerpt":"mermaid - markdown-like generation of flowcharts and diagrams. \u00a0This is like a web-oriented, d3-based implementation of the dot tool from the GraphViz package. \u00a0","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"graph","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/graph-500x123.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":23529,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/02\/16\/sheetsee-js-client-side-library-for-connecting-google-spreadsheets-to-a-website\/","url_meta":{"origin":22439,"position":4},"title":"Sheetsee.js &#8211; client-side library for connecting Google Spreadsheets to a website","author":"Leonid Mamchenkov","date":"February 16, 2015","format":"link","excerpt":"Sheetsee.js is a client-side library for connecting Google Spreadsheets to a website and visualizing the information in tables, maps and charts. This is pretty neat, considering that you can already use Google Forms to collect the data from the website into the Google Spreadsheets. \u00a0Also, I think this greatly simplifies\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"sheetsee","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/02\/sheetsee-03-500x366.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":21695,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/04\/24\/vis-js-a-visual-interaction-system\/","url_meta":{"origin":22439,"position":5},"title":"vis.js &#8211; a visual interaction system","author":"Leonid Mamchenkov","date":"April 24, 2014","format":"link","excerpt":"vis.js - a visual interaction system Vis.js is a dynamic, browser based visualization library. The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data. The library consists of the components DataSet, Timeline, and Graph.\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/22439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=22439"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/22439\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=22439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=22439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=22439"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=22439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}