Loading
Created by:burntflowersburntflowers
{"id":2113606,"block_id":"burntflowers_1386009404","theme_id":34,"user_id":825136,"path":"building-the-new-stackato-web-console","title":"Building the new Stackato Web Console","pubtitle":"Building the new Stackato Web Console","tags":"","public":true,"publicAccess":true,"thumb":"https://s3-eu-west-1.amazonaws.com/infogram-thumbs-200/burntflowers_1386009404.jpg","width":650,"copyright":null,"properties":{"social":"twitter","publishType":0,"transparent":false,"rtl":false,"export_settings":{"showGrid":true,"showValues":true},"whitelabel":false,"title_link":"infogram","custom_logo":"none","embed_button":"enabled","share":"Share","decimal_separator":".,"},"sample":false,"elements":[{"type":"particle","particle_id":13153177,"object_id":"7d4f9d67-ea32-11e4-a037-7b5f270fdca9","particle_type":"maintitle","picture":null,"text":"Building the new Stackato Web Console","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":3908431,"object_id":"burntflowers_1386291631","chart_type_nr":23,"data":[[["13","Developers contributed to building the new console.","profilePath",""],["687","Commits were made to the console repository","circlePath"],["187","Bugs were closed.","starPath"]]],"custom":{},"colors":[],"dimensions":[],"modifier":0,"sheetnames":null},{"type":"particle","particle_id":3323541,"object_id":"burntflowers_1386291713","particle_type":"bodytitle","picture":null,"text":"Commits per Developer","content_type":"","title":"","shrink":null},{"type":"chart","chart_id":3856674,"object_id":"burntflowers_1386021225","chart_type_nr":2,"data":[[["Author","Number of commits"],["Tara","301"],["Tyler","206"],["Damien","48"],["Nathan","42"],["Greg","23"],["Andreas","20"],["Phil","15"],["Jamie","14"],["Dan","8"],["Andrew","3"],["Jeff","3"],["Troy","2"],["Sridhar","2"]]],"custom":{"showInLineValues":true},"colors":[],"dimensions":[],"modifier":0,"sheetnames":null},{"type":"chart","chart_id":3856756,"object_id":"burntflowers_1386021687","chart_type_nr":23,"data":[[["28372","Lines of code were written","upPath",""],["1408","Files were changed","circlePath"],["54662","Insertions were made","upPath"],["100915","Deletions were made","downPath"]]],"custom":{},"colors":[],"dimensions":[],"modifier":0,"sheetnames":null},{"type":"chart","chart_id":3908611,"object_id":"burntflowers_1386292927","chart_type_nr":2,"data":[[["Language","Lines of Code Added"],["HTML","5509"],["CSS/LESS","1988"],["Javascript","20875"]]],"custom":{"showInLineValues":true},"colors":[],"dimensions":[],"modifier":2,"sheetnames":null},{"type":"particle","particle_id":3323783,"object_id":"burntflowers_1386293471","particle_type":"bodytitle","picture":null,"text":"What's in the console?&nbsp; Well...","content_type":"","title":"","shrink":null},{"type":"chart","chart_id":3908616,"object_id":"burntflowers_1386293051","chart_type_nr":23,"data":[[["77","Backbone.js views","upPath",""],["33","Dialogs","upPath"],["14","Custom utilities","upPath"],["4","Custom libraries","upPath"],["28","External libraries","circlePath"],["2","Language options: English & German","starPath"],["801","Translation strings per language","starPath"]]],"custom":{},"colors":[],"dimensions":[],"modifier":0,"sheetnames":null}],"theme":{"_id":34,"title":"Asketic-new","author":"infogr.am","usergroup":"archived","picture":"/i/templates/L/asketic-black.png","order":23,"thumb":"/i/templates/S/asketic-black.png","public":0,"width":550,"fonts":"PT+Sans+Narrow:400,700;PT+Sans:400,700;PT+Serif:400italic","css":"/*igc-textual:start*/\n\n.igc-textual-figure {\n font-size: 45px;\n}\n\n/*igc-textual:end*/\n\n/*igc-sheets:start*/\n\n.igc-sheets .igc-sheet .igc-sheet-ico,\n.igc-sheets .igc-sheet:hover .igc-sheet-ico {\n border-color: #C9C9C9;\n}\n\n.igc-sheets .igc-sheet:hover .igc-sheet-label,\n.igc-sheets .igc-sheet.active .igc-sheet-label {\n color: #C9C9C9;\n}\n\n.igc-sheet .igc-sheet-ico,\n.igc-sheet.active .igc-sheet-ico {\n background: transparent;\n}\n\n.igc-sheets .igc-sheet.active .igc-sheet-ico::after,\n.igc-sheets .igc-sheet:hover .igc-sheet-ico::after {\n height: 14px;\n width: 14px;\n left: 2px;\n top: 2px;\n background: #edf2f3;\n}\n\n/*igc-sheets:end*/\n\n.igc-table .igc-table-cell {\n color: #fff;\n font-size: 16px;\n font-family: PT Sans Narrow;\n font-weight: 700;\n background: url(/i/templates/34/bckgrnd_dots-black.png);\n}\n\n.igc-table .igc-table-header {\n color: #edf2f3;\n font-size: 16px;\n font-family: PT Sans Narrow;\n font-weight: 700;\n background: #585858;\n}\n\n#madewith a,\n#madewith a:link,\n#madewith a:hover,\n#madewith a:visited,\n#madewith a:active {\n color: #f2ede1 !important;\n}\n\n.particle {\n position: relative;\n}\n\n#source {\n color: #f2ede1;\n}\n\n\n#overlay {\n background: url(/i/templates/34/background-black.png);\n}\n\n#owerlay {\n padding-bottom: 20px;\n background: #323232;\n padding-left: 20px;\n padding-right: 20px;\n}\n#owerlay:before {\n content: '';\n height: 8px;\n width: 100%;\n position: absolute;\n left: 0px;\n top:0px;\n background: #202020 url(/i/templates/32/curve-323232.svg) center top repeat-x;\n}\n#owerlay:after,\n#overlay:after {\n content: '' !important;\n display: block !important;\n position: absolute;\n right: 21px;\n top: 26px;\n background: #202020;\n width: 15px;\n height: 15px;\n border-radius: 20px;\n}\n\n#overlay:after {\n left: 41px;\n top: 47px;\n right: auto;\n}\n\n.headline {\n font-family: PT Sans Narrow;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 55px;\n color: #edf2f3;\n border-bottom: 8px solid #edf2f3;\n line-height: 65px;\n}\n\n.chart-title {\n font-family: PT Sans Narrow;\n font-weight: 700;\n font-size: 36px;\n color: #edf2f3;\n border-bottom: 4px solid #edf2f3;\n}\n\n.bodytext {\n font-family: Verdana;\n font-weight: 400;\n font-size: 14px;\n color: #edf2f3;\n}\n\n.quote {\n padding: 20px;\n font-family: PT Serif;\n font-style: italic;\n font-size: 30px;\n color: #323232;\n text-align: center;\n background: #84cee0;\n}\n\n.quotetitle {\n font-size: 24px;\n}\n\n.quote:after {\n content: '';\n position: absolute;\n left: 0%;\n top: 50%;\n margin-top: -13px;\n width: 13px;\n height: 27px;\n background: url(/i/templates/32/left-323232.svg);\n}\n\n.quote:before {\n content: '';\n background: url(/i/templates/32/right-323232.svg);\n position: absolute;\n top: 50%;\n margin-top: -13px;\n width: 13px;\n height: 27px;\n right: 0%;\n}\n\n.headline.active:hover {\n color: #84cee0;\n}\n\n#madewith.active a:hover {\n color: #84cee0 !important;\n}\n\n.titlepopup1,\n.titlepopup2 {\n border-color: #84cee0;\n}\n\n.shrink .chart > .inner {\n padding-left: 10px;\n padding-right: 10px;\n}\n\n.ig-separator-line {\n background: rgba(237, 242, 243, 0.5);\n}\r\n.heatmap-legend {\r\n\tbackground: rgba(255, 255, 255, 0.7);\r\n}\r\n.heatmap-legend-item,\r\n.heatmap-label { \r\n \tcolor: #edf2f3;\r\n\tfont-size: 11px;\r\n\tfont-family: PT Sans;\r\n}\r\n.igc-graph-pie-piece {\r\n\tstroke: rgba(255, 255, 255, 0.7);\r\n}\r\n","top":50,"padding":20,"logocolor":"84cee0","spacing":20,"chartOptions":{"pictobar":{"shapeStyleEmpty":{"fill":"#585858"}},"progress":{"backgroundInactive":{"fill":"#585858"}},"waterfall":{"colors":"84cee0 95e04f ff4543"},"candle":{"colors":"ff4543 95e04f","blankfill":"url(//jifo.co/i/templates/34/bckgrnd_dots-black2.png)"},"map":{"showLegend":false,"countryStroke":"#d9ccae","countryFill":"#d9ccae","canvasFill":"transparent"},"common":{"_categoryOptions":{"backgroundStyle":{"fill":"#585858"}},"circleStyle":{"fill":"url(//jifo.co/i/templates/34/bckgrnd_dots-black2.png)"},"backgroundStyle":{"stroke-opacity":0,"stroke-width":0},"_gridOptions":{"marginLineStyle":{"stroke-width":0,"stroke":"transparent"},"fontStyle":{"font-family":"PT Sans","font-size":11,"text-anchor":"start","fill":"#edf2f3","cursor":"default"},"lineStyle":{"stroke-width":1,"stroke":"#edf2f3","fill":"none","stroke-dasharray":"."}},"_buttonTextOptions":{"buttonStyle":{"stroke":"#edf2f3"},"buttonCenterStyle":{"stroke":"#edf2f3","fill":"#edf2f3"},"font-family":"PT Sans Narrow","font-size":16,"font-weight":400,"fill":"#edf2f3"},"legendOptions":{"font-size":16,"font-family":"PT Sans Narrow"},"tooltipOptions":{"nameFontStyle":{"font-family":"PT Sans Narrow","text-anchor":"start","font-weight":700,"font-size":16,"fill":"#ffffff"},"valueFontStyle":{"font-family":"PT Sans Narrow","text-anchor":"start","font-size":16,"fill":"#fff"},"containerStyle":{"stroke":"#272727","fill":"#272727"}}},"table":{"fill":"a8271c","columnHeaderStyle":{"fill":"#585858"},"rowHeaderStyle":{"fill":"#585858"},"headerTextWrapperOptions":{"text":{"labelFontStyle":{"font-size":16,"font-weight":700,"font-family":"PT Sans Narrow","fill":"#edf2f3"}}},"cellStyle":{"fill":"url(//jifo.co/i/templates/34/bckgrnd_dots-black.png)"},"cellTextWrapperOptions":{"text":{"labelFontStyle":{"font-size":16,"font-weight":700,"font-family":"PT Sans Narrow","fill":"#433f39"}}},"backgroundStyle":{"fill":"transparent","stroke-opacity":0,"stroke-width":0}}},"customhtml":"","logoUrl":"","charts":{"treemap":{"labels":{"name":{"fontFamily":"PT Sans Narrow","fontWeight":"700"},"value":{"fontFamily":"PT Sans Narrow"}}},"wordcloud":{"labels":{"fontFamily":"Arial","fontWeight":"700"}}},"shrinkMargin":20,"shrinkPadding":20,"showLogo":"","showEmbed":"","embedButtonText":"Share","archived":true,"version":1,"fontPresets":[],"font":{"label":{"fontSize":16,"fontWeight":400},"legend":{"fontSize":"16","fontWeight":"400"},"common":{"textAlign":"initial","fontSize":"16","fontStyle":"normal","fontWeight":"400","fontFamily":"PT Sans Narrow"}},"localFonts":[],"colorPresets":[],"color":{"element":{"text":"#000000","bg":"#ffffff"},"chart":{"text":"#edf2f3","bg":"transparent"},"text":"#000000","bg":"#ffffff"},"logoImages":[""],"colors":["#84cee0","#95e04f","#ff4543","#f7830f","#fcc869","#e2cf25","#c9e739","#dbe090","#8fde8b","#42ed80","#95e04f","#5970e3","#8c9fff","#9a82ff","#dfbd9b","#84cee0","#f0746f","#9753f5","#e368b3","#f59dd2","#70645c","#9ca0a1"]},"embed":"<script id=\"infogram_0_building-the-new-stackato-web-console\" title=\"Building the new Stackato Web Console\" src=\"//e.infogr.am/js/embed.js?3gB\" type=\"text/javascript\"></script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a target=\"_blank\" href=\"https://infogr.am/building-the-new-stackato-web-console\" style=\"color:#989898!important;text-decoration:none!important;\">Building the new Stackato Web Console</a><br><a style=\"color:#989898!important;text-decoration:none!important;\" href=\"https://infogr.am\" target=\"_blank\">Create your own infographics</a></div>","embedAsync":"<script>!function(e,t,i,n,r,d){function o(e,i,n,r){t[s].list.push({id:e,title:r,container:i,type:n})}var a=\"script\",s=\"InfogramEmbeds\",c=e.getElementsByTagName(a),l=c[0];if(/^\\/{2}/.test(i)&&0===t.location.protocol.indexOf(\"file\")&&(i=\"http:\"+i),!t[s]){t[s]={script:i,list:[]};var m=e.createElement(a);m.async=1,m.src=i,l.parentNode.insertBefore(m,l)}t[s].add=o;var p=c[c.length-1],f=e.createElement(\"div\");p.parentNode.insertBefore(f,p),t[s].add(n,f,r,d)}(document,window,\"//e.infogr.am/js/dist/embed-loader-min.js\",\"building-the-new-stackato-web-console\",\"interactive\",\"Building the new Stackato Web Console\");</script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a target=\"_blank\" href=\"https://infogr.am/building-the-new-stackato-web-console\" style=\"color:#989898!important;text-decoration:none!important;\">Building the new Stackato Web Console</a><br><a style=\"color:#989898!important;text-decoration:none!important;\" href=\"https://infogr.am\" target=\"_blank\">Create your own infographics</a></div>","embedIframe":"<iframe src=\"//e.infogr.am/building-the-new-stackato-web-console?src=embed\" title=\"Building the new Stackato Web Console\" width=\"650\" height=\"\" scrolling=\"no\" frameborder=\"0\" style=\"border:none;\"></iframe><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a target=\"_blank\" href=\"https://infogr.am/building-the-new-stackato-web-console\" style=\"color:#989898!important;text-decoration:none!important;\">Building the new Stackato Web Console</a><br><a style=\"color:#989898!important;text-decoration:none!important;\" href=\"https://infogr.am\" target=\"_blank\">Create your own infographics</a></div>","embedImageAsync":"<script>!function(e,t,i,n,r,d){function o(e,i,n,r){t[s].list.push({id:e,title:r,container:i,type:n})}var a=\"script\",s=\"InfogramEmbeds\",c=e.getElementsByTagName(a),l=c[0];if(/^\\/{2}/.test(i)&&0===t.location.protocol.indexOf(\"file\")&&(i=\"http:\"+i),!t[s]){t[s]={script:i,list:[]};var m=e.createElement(a);m.async=1,m.src=i,l.parentNode.insertBefore(m,l)}t[s].add=o;var p=c[c.length-1],f=e.createElement(\"div\");p.parentNode.insertBefore(f,p),t[s].add(n,f,r,d)}(document,window,\"//e.infogr.am/js/dist/embed-loader-min.js\",\"building-the-new-stackato-web-console\",\"image\",\"Building the new Stackato Web Console\");</script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a target=\"_blank\" href=\"https://infogr.am/building-the-new-stackato-web-console\" style=\"color:#989898!important;text-decoration:none!important;\">Building the new Stackato Web Console</a><br><a style=\"color:#989898!important;text-decoration:none!important;\" href=\"https://infogr.am\" target=\"_blank\">Create your own infographics</a></div>","embedWordpress":"[infogram id=\"building-the-new-stackato-web-console\" prefix=\"pTS\" format=\"interactive\" title=\"Building the new Stackato Web Console\"]","embedWordpressImage":"[infogram id=\"building-the-new-stackato-web-console\" prefix=\"X2b\" format=\"image\" title=\"Building the new Stackato Web Console\"]"}