{"id":22478,"date":"2014-09-03T08:54:47","date_gmt":"2014-09-03T06:54:47","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=22478"},"modified":"2014-09-03T08:54:47","modified_gmt":"2014-09-03T06:54:47","slug":"chartbuilder-gneisschart-a-d3-js-based-front-end-charting-application-that-facilitates-easy-creation-of-simple-beautiful-charts","status":"publish","type":"post","link":"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\/","title":{"rendered":"Chartbuilder \/ Gneisschart &#8211; a D3.js based front-end charting application that facilitates easy creation of simple beautiful charts"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"https:\/\/github.com\/Quartz\/Chartbuilder\">Chartbuilder \/ Gneisschart<\/a> &#8211; 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 <a href=\"http:\/\/quartz.github.io\/Chartbuilder\/\">hosted version<\/a>.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/09\/Chartbuilder.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"22479\" data-permalink=\"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\/chartbuilder\/\" data-orig-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/09\/Chartbuilder.jpg?fit=1024%2C577&amp;ssl=1\" data-orig-size=\"1024,577\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Chartbuilder\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/09\/Chartbuilder.jpg?fit=660%2C372&amp;ssl=1\" class=\"aligncenter size-medium wp-image-22479\" src=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/09\/Chartbuilder-500x281.jpg?resize=500%2C281&#038;ssl=1\" alt=\"Chartbuilder\" width=\"500\" height=\"281\" srcset=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/09\/Chartbuilder.jpg?resize=500%2C281&amp;ssl=1 500w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/09\/Chartbuilder.jpg?w=1024&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<blockquote><p>Chartbuilder was created to speed workflow in a newsroom and give reporters more responsibility over their content. It allows someone to create simple graphics quickly within a pre-specified style guide without needing specialized design software.<\/p>\n<p>The output formats are can be used anywhere images and svgs are accepted. There&#8217;s no need for CMS integration or complex back end systems.<\/p>\n<p>There are fewer excuses to use screenshots from analyst reports or charts in Excel.<\/p><\/blockquote>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>Chartbuilder \/ Gneisschart &#8211; 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 content. It allows someone to &hellip; <a href=\"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\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Chartbuilder \/ Gneisschart &#8211; a D3.js based front-end charting application that facilitates easy creation of simple beautiful charts<\/span><\/a><\/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,62,1334],"tags":[1313,1312],"keyring_services":[],"class_list":["post-22478","post","type-post","status-publish","format-link","hentry","category-general","category-technology","category-web-work","tag-charts","tag-graphs","post_format-post-format-link"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":22439,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/08\/28\/c3-js-d3-based-reusable-chart-library\/","url_meta":{"origin":22478,"position":0},"title":"c3.js &#8211; d3-based reusable chart library","author":"Leonid Mamchenkov","date":"August 28, 2014","format":"link","excerpt":"c3.js - 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't need to write D3 code any more.","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":22885,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/11\/15\/metricsgraphics-js-d3-based-library-for-visualizing-time-series-data\/","url_meta":{"origin":22478,"position":1},"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":22459,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/09\/01\/chartist-js-simple-responsive-charts\/","url_meta":{"origin":22478,"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":21823,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/05\/16\/epoch-the-fastly-charting-library\/","url_meta":{"origin":22478,"position":3},"title":"Epoch &#8211; The Fastly Charting Library","author":"Leonid Mamchenkov","date":"May 16, 2014","format":"link","excerpt":"Epoch - The Fastly Charting Library","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":24742,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/","url_meta":{"origin":22478,"position":4},"title":"js-sequence-diagrams","author":"Leonid Mamchenkov","date":"September 16, 2015","format":false,"excerpt":"js-sequence-diagrams - turns text into UML sequence diagrams, like this one: It supports a couple of styles - simple and hand-drawn. Handy!","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"diagram","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/09\/diagram-500x192.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":22099,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/07\/01\/epoch-general-purpose-real-time-charting-library\/","url_meta":{"origin":22478,"position":5},"title":"Epoch &#8211; general purpose real-time charting library","author":"Leonid Mamchenkov","date":"July 1, 2014","format":"link","excerpt":"Epoch - general purpose real-time charting library","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\/22478","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=22478"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/22478\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=22478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=22478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=22478"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=22478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}