[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_93":-5,"_50":16,"_94":-5,"_95":96,"_97":98},"routes/viz-public",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":16,"_18":16,"_19":-5,"_20":21,"_22":16,"_23":24,"_25":-5,"_26":-5,"_27":-5,"_28":16,"_29":30,"_31":-5,"_32":33},"vizInfo",{"_40":59,"_68":69,"_70":71,"_72":-7,"_73":43,"_74":41,"_75":-5,"_76":77,"_78":16,"_79":80,"_81":80,"_82":-7,"_83":-7,"_56":84,"_58":84,"_85":-5,"_86":55,"_87":88,"_89":90,"_91":-5,"_92":-5},"vizContent",{"_40":59,"_60":61},"ownerAccount",{"_40":41,"_42":43,"_44":45,"_46":39,"_47":-5,"_48":-7,"_49":-7,"_50":16,"_51":-7,"_52":39,"_53":39,"_54":55,"_56":57,"_58":57},"isOwner",false,"isAuthenticated","canCreatePrivate","commitId","similarVizzes",[],"embed","forksCount",0,"forkedFromViz","runtimeVersion","license","descriptionIsAiGenerated","sourceProvenance",{"_34":35,"_36":37,"_27":-5,"_38":39},"project","socialImageUrl","https://next.vizhub.com/assets/unfurl.webp","sourceType","gist","originalUrl","https://gist.github.com/aaizemberg/a1211d5942abb430e4216da32a918250","author","aaizemberg","id","gist-user-aaizemberg","accountType","user","email","","displayName","avatar","oauthProvider","oauthId","isAdmin","stripeCustomerId","handle","handleNormalized","lifecycleEmailsEnabled",true,"createdAt",1791743441346,"updatedAt","gist-a1211d5942abb430e4216da32a918250","files",{"_62":63},"f1",{"_64":65,"_66":67},"name","brunel.ipynb","text","{\n \"cells\": [\n {\n \"cell_type\": \"markdown\",\n \"metadata\": {},\n \"source\": [\n \"# Probando Brunel\"\n ]\n },\n {\n \"cell_type\": \"code\",\n \"execution_count\": 19,\n \"metadata\": {},\n \"outputs\": [\n {\n \"data\": {\n \"text/html\": [\n \"

\\n\",\n \"\\n\",\n \"\\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \" \\n\",\n \"

	source	target	value
0	VILLA URQUIZA	VILLA URQUIZA	128
1	VILLA CRESPO	PALERMO	174
2	VILLA CRESPO	ALMAGRO	128
3	SAN NICOLAS	PALERMO	101
4	RECOLETA	RETIRO	112

\\n\",\n \"

\"\n ],\n \"text/plain\": [\n \" source target value\\n\",\n \"0 VILLA URQUIZA VILLA URQUIZA 128\\n\",\n \"1 VILLA CRESPO PALERMO 174\\n\",\n \"2 VILLA CRESPO ALMAGRO 128\\n\",\n \"3 SAN NICOLAS PALERMO 101\\n\",\n \"4 RECOLETA RETIRO 112\"\n ]\n },\n \"execution_count\": 19,\n \"metadata\": {},\n \"output_type\": \"execute_result\"\n }\n ],\n \"source\": [\n \"import pandas as pd\\n\",\n \"import brunel\\n\",\n \"url = 'https://raw.githubusercontent.com/aaizemberg/vis/gh-pages/bataxi/desde_hasta_m100.tsv'\\n\",\n \"barrios = pd.read_csv( url , sep='\\\\t')\\n\",\n \"barrios.head(5)\"\n ]\n },\n {\n \"cell_type\": \"code\",\n \"execution_count\": 20,\n \"metadata\": {},\n \"outputs\": [\n {\n \"data\": {\n \"text/html\": [\n \"\\n\",\n \"\\n\",\n \"\\n\",\n \"\\n\",\n \"\\n\",\n \"\\n\",\n \"\\n\",\n \"\\n\",\n \"

\\n\",\n \"\"\n ],\n \"text/plain\": [\n \"\"\n ]\n },\n \"metadata\": {},\n \"output_type\": \"display_data\"\n },\n {\n \"data\": {\n \"application/javascript\": [\n \"/*\\n\",\n \" * Copyright (c) 2015 IBM Corporation and others.\\n\",\n \" *\\n\",\n \" * Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\\n\",\n \" * You may not use this file except in compliance with the License.\\n\",\n \" * You may obtain a copy of the License at\\n\",\n \" *\\n\",\n \" * http://www.apache.org/licenses/LICENSE-2.0\\n\",\n \" *\\n\",\n \" * Unless required by applicable law or agreed to in writing, software\\n\",\n \" * distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\\n\",\n \" * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\\n\",\n \" * See the License for the specific language governing permissions and\\n\",\n \" * limitations under the License.\\n\",\n \" */\\n\",\n \"\\n\",\n \"require.config({\\n\",\n \" waitSeconds: 60,\\n\",\n \" paths: {\\n\",\n \" 'd3': '//cdnjs.cloudflare.com/ajax/libs/d3/4.2.1/d3.min',\\n\",\n \" 'topojson': '//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.20/topojson.min',\\n\",\n \" 'brunel' : '/data/jupyter2/static-file-content-delivery-network/nbextensions/brunel_ext/brunel.2.3.min',\\n\",\n \" 'brunelControls' : '/data/jupyter2/static-file-content-delivery-network/nbextensions/brunel_ext/brunel.controls.2.3.min'\\n\",\n \" },\\n\",\n \" shim: {\\n\",\n \" 'brunel' : {\\n\",\n \" exports: 'BrunelD3',\\n\",\n \" deps: ['d3', 'topojson'],\\n\",\n \" init: function() {\\n\",\n \" return {\\n\",\n \" BrunelD3 : BrunelD3,\\n\",\n \" BrunelData : BrunelData\\n\",\n \" }\\n\",\n \" }\\n\",\n \" },\\n\",\n \" 'brunelControls' : {\\n\",\n \" exports: 'BrunelEventHandlers',\\n\",\n \" init: function() {\\n\",\n \" return {\\n\",\n \" BrunelEventHandlers: BrunelEventHandlers,\\n\",\n \" BrunelJQueryControlFactory: BrunelJQueryControlFactory\\n\",\n \" }\\n\",\n \" }\\n\",\n \" }\\n\",\n \"\\n\",\n \" }\\n\",\n \"\\n\",\n \"});\\n\",\n \"\\n\",\n \"require([\\\"d3\\\"], function(d3) {\\n\",\n \" require([\\\"brunel\\\", \\\"brunelControls\\\"], function(brunel, brunelControls) {\\n\",\n \" function BrunelVis(visId) {\\n\",\n \" \\\"use strict\\\"; // strict mode\\n\",\n \" var datasets = [], // array of datasets for the original data\\n\",\n \" pre = function(d, i) { return d }, // default pre-process does nothing\\n\",\n \" post = function(d, i) { return d }, // default post-process does nothing\\n\",\n \" transitionTime = 200, // transition time for animations\\n\",\n \" charts = [], // the charts in the system\\n\",\n \" vis = d3.select('#' + visId).attr('class', 'brunel'); // the SVG container\\n\",\n \"\\n\",\n \" BrunelD3.addDefinitions(vis); // ensure standard symbols present\\n\",\n \"\\n\",\n \" // Define chart #1 in the visualization //////////////////////////////////////////////////////////\\n\",\n \"\\n\",\n \" charts[0] = function(parentNode, filterRows) {\\n\",\n \" var geom = BrunelD3.geometry(parentNode || vis.node(), 0, 0, 1, 1, 0, 0, 0, 115),\\n\",\n \" elements = []; // array of elements in this chart\\n\",\n \"\\n\",\n \" // Define groups for the chart parts ///////////////////////////////////////////////////////////\\n\",\n \"\\n\",\n \" var chart = vis.append('g').attr('class', 'chart1')\\n\",\n \" .attr('transform','translate(' + geom.chart_left + ',' + geom.chart_top + ')');\\n\",\n \" var overlay = chart.append('g').attr('class', 'element').attr('class', 'overlay');\\n\",\n \" var zoom = d3.zoom().scaleExtent([1/3,3]);\\n\",\n \" var zoomNode = overlay.append('rect').attr('class', 'overlay')\\n\",\n \" .attr('x', geom.inner_left).attr('y', geom.inner_top)\\n\",\n \" .attr('width', geom.inner_rawWidth).attr('height', geom.inner_rawHeight)\\n\",\n \" .style('cursor', 'default')\\n\",\n \" .node();\\n\",\n \" zoomNode.__zoom = d3.zoomIdentity;\\n\",\n \" chart.append('rect').attr('class', 'background').attr('width', geom.chart_right-geom.chart_left).attr('height', geom.chart_bottom-geom.chart_top);\\n\",\n \" var interior = chart.append('g').attr('class', 'interior zoomNone')\\n\",\n \" .attr('transform','translate(' + geom.inner_left + ',' + geom.inner_top + ')')\\n\",\n \" .attr('clip-path', 'url(#clip_visid2370b3c2-1beb-11e8-b013-360c827e6e8d_chart1_inner)');\\n\",\n \" interior.append('rect').attr('class', 'inner').attr('width', geom.inner_width).attr('height', geom.inner_height);\\n\",\n \" var gridGroup = interior.append('g').attr('class', 'grid');\\n\",\n \" var legends = chart.append('g').attr('class', 'legend')\\n\",\n \" .attr('transform','translate(' + (geom.chart_right-geom.chart_left - 3) + ',' + 0 + ')');\\n\",\n \" vis.append('clipPath').attr('id', 'clip_visid2370b3c2-1beb-11e8-b013-360c827e6e8d_chart1_inner').append('rect')\\n\",\n \" .attr('x', 0).attr('y', 0)\\n\",\n \" .attr('width', geom.inner_rawWidth+1).attr('height', geom.inner_rawHeight+1);\\n\",\n \" var scale_x = d3.scaleLinear(), scale_y = d3.scaleLinear();\\n\",\n \" var base_scales = [scale_x, scale_y]; // untransformed original scales\\n\",\n \" zoom.on('zoom', function(t, time) {\\n\",\n \" t = t || d3.event.transform;\\n\",\n \" zoomNode.__zoom = t;\\n\",\n \" interior.attr('class', 'interior ' + BrunelD3.zoomLabel(t.k));;\\n\",\n \" build(time || -1);\\n\",\n \" });\\n\",\n \"\\n\",\n \" // Define element #1 ///////////////////////////////////////////////////////////////////////////\\n\",\n \"\\n\",\n \" elements[0] = function() {\\n\",\n \" var original, processed, // data sets passed in and then transformed\\n\",\n \" element, data, // brunel element information and brunel data\\n\",\n \" selection, merged; // d3 selection and merged selection\\n\",\n \" var elementGroup = interior.append('g').attr('class', 'element1')\\n\",\n \" .attr('transform','translate(' + geom.inner_width/2 + ',' + geom.inner_height/2 + ')'),\\n\",\n \" main = elementGroup.append('g').attr('class', 'main'),\\n\",\n \" labels = BrunelD3.undoTransform(elementGroup.append('g').attr('class', 'labels').attr('aria-hidden', 'true'), elementGroup),\\n\",\n \" diagramExtras = elementGroup.append('g').attr('class', 'extras');\\n\",\n \"\\n\",\n \" function makeData() {\\n\",\n \" original = datasets[0];\\n\",\n \" if (filterRows) original = original.retainRows(filterRows);\\n\",\n \" processed = pre(original, 0);\\n\",\n \" processed = post(processed, 0);\\n\",\n \" var f0 = processed.field('source'),\\n\",\n \" f1 = processed.field('target'),\\n\",\n \" f2 = processed.field('value'),\\n\",\n \" f3 = processed.field('#row'),\\n\",\n \" f4 = processed.field('#selection');\\n\",\n \" var keyFunc = function(d) { return f0.value(d)+ '|' + f1.value(d) };\\n\",\n \" data = {\\n\",\n \" source: function(d) { return f0.value(d.row) },\\n\",\n \" target: function(d) { return f1.value(d.row) },\\n\",\n \" value: function(d) { return f2.value(d.row) },\\n\",\n \" $row: function(d) { return f3.value(d.row) },\\n\",\n \" $selection: function(d) { return f4.value(d.row) },\\n\",\n \" source_f: function(d) { return f0.valueFormatted(d.row) },\\n\",\n \" target_f: function(d) { return f1.valueFormatted(d.row) },\\n\",\n \" value_f: function(d) { return f2.valueFormatted(d.row) },\\n\",\n \" $row_f: function(d) { return f3.valueFormatted(d.row) },\\n\",\n \" $selection_f: function(d) { return f4.valueFormatted(d.row) },\\n\",\n \" _split: function(d) { return f0.value(d.row)+ '|' + f2.value(d.row) },\\n\",\n \" _key: keyFunc,\\n\",\n \" _rows: BrunelD3.makeRowsWithKeys(keyFunc, processed.rowCount())\\n\",\n \" };\\n\",\n \" }\\n\",\n \" // Aesthetic Functions\\n\",\n \" var scale_color = d3.scaleOrdinal()\\n\",\n \" .domain(['ALMAGRO', 'BALVANERA', 'BELGRANO', 'CABALLITO', 'COLEGIALES', 'PALERMO', 'RECOLETA', 'SAN NICOLAS', 'VILLA CRESPO', 'VILLA URQUIZA'])\\n\",\n \" .range([ '#00538A', '#C10020', '#F4C800', '#007D34', '#803E75', '#FF6800', \\n\",\n \" '#817066', '#FFB300', '#F6768E', '#93AA00', '#53377A', '#FF8E00', '#B32851', \\n\",\n \" '#CEA262', '#FF7A5C', '#7F180D', '#593315', '#F13A13', '#232C16']);\\n\",\n \" var color = function(d) { return scale_color(data.source(d)) };\\n\",\n \" var scale_size = d3.scaleLinear().domain([0, 709.00007])\\n\",\n \" .range([ 0.001, 1]);\\n\",\n \" var size = function(d) { return scale_size(data.value(d)) };\\n\",\n \" legends._legend = legends._legend || { title: ['Source'], \\n\",\n \" ticks: scale_color.domain()};\\n\",\n \" legends._legend.color = scale_color;\\n\",\n \"\\n\",\n \" // Build element from data ///////////////////////////////////////////////////////////////////\\n\",\n \"\\n\",\n \" function build(transitionMillis) {\\n\",\n \" element = elements[0];\\n\",\n \" // Define chord data structures using Brunel's enhanced chord diagram builder\\n\",\n \" var chords = BrunelData.diagram_Chord.make(processed,'source', 'target', \\n\",\n \" 'value');\\n\",\n \" var arc_width = 9.6; // width of exterior arc\\n\",\n \" function keyFunction(d) { return d.source.index + '|' + d.target.index };// special key function for the edges\\n\",\n \" var R = scale_x(geom.inner_radius)-scale_x(0), svgTrans = 'translate(' + scale_x(0) + ',' + scale_y(0) + ')';\\n\",\n \" main.attr('class', 'diagram chord');\\n\",\n \"\\n\",\n \" // Define selection entry operations\\n\",\n \" function initialState(selection) {\\n\",\n \" selection\\n\",\n \" .attr('class', 'element edge filled')\\n\",\n \" }\\n\",\n \"\\n\",\n \" // Define selection update operations on merged data\\n\",\n \" function updateState(selection) {\\n\",\n \" selection\\n\",\n \" .attr('d', d3.ribbon().radius(R-arc_width))\\n\",\n \" .attr('class', 'element edge')\\n\",\n \" .attr('transform', svgTrans)\\n\",\n \" .filter(BrunelD3.hasData) // following only performed for data items\\n\",\n \" .style('fill', color)\\n\",\n \"\\n\",\n \" // Add in the arcs on the outside for the groups\\n\",\n \" diagramExtras.attr('class', 'diagram chord arcs');\\n\",\n \" var arcGroup = diagramExtras.selectAll('g').data(chords.groups),\\n\",\n \" addedArcGroups = arcGroup.enter().append('g'),\\n\",\n \" arcPath = d3.arc().innerRadius(R - arc_width).outerRadius(R);\\n\",\n \" addedArcGroups.append('path').attr('class', 'box')\\n\",\n \" .attr('id', function(d, i) { return 'arc' + i; });\\n\",\n \" addedArcGroups.append('text').attr('class', 'label')\\n\",\n \" .attr('dy', arc_width*0.72).attr('class', 'label')\\n\",\n \" .append('textPath').attr('xlink:href', function(d, i) { return '#arc' + i });\\n\",\n \" var mergedArcGroups = addedArcGroups.merge(arcGroup);\\n\",\n \" BrunelD3.tween(mergedArcGroups, transitionMillis, function(d, i) { \\n\",\n \" var group = d3.select(this);\\n\",\n \" group.attr('transform', svgTrans);\\n\",\n \" return function() {\\n\",\n \" group.select('path').attr('d', arcPath(d));\\n\",\n \" group.select('textPath').text(d.name);\\n\",\n \" BrunelD3.centerInWedge(group.select('text'), arc_width);\\n\",\n \" }\\n\",\n \" });\\n\",\n \"\\n\",\n \" BrunelD3.transition(arcGroup.exit(), transitionMillis/3)\\n\",\n \" .style('opacity', 0.5).each( function() {\\n\",\n \" this.remove(); BrunelD3.removeLabels(this); \\n\",\n \" });\\n\",\n \" ;\\n\",\n \" }\\n\",\n \"\\n\",\n \" // Define labeling for the selection\\n\",\n \" function label(selection, transitionMillis) {\\n\",\n \"\\n\",\n \" var tooltipLabeling = {\\n\",\n \" index: -1, method: 'poly', location: ['center', 'center'], inside: true, align: 'middle', pad: 0, dy: 0.3,\\n\",\n \" fit: true, granularity: 0,\\n\",\n \" content: function(d) {\\n\",\n \" return d.row == null ? null : 'Source: '\\n\",\n \"\\t\\t\\t+ '' + data.source_f(d) + ''\\n\",\n \"\\t\\t\\t+ '
'\\n\",\n \"\\t\\t\\t+ 'Target: '\\n\",\n \"\\t\\t\\t+ '' + data.target_f(d) + ''\\n\",\n \"\\t\\t\\t+ '
'\\n\",\n \"\\t\\t\\t+ 'Value: '\\n\",\n \"\\t\\t\\t+ '' + data.value_f(d) + ''\\n\",\n \" }\\n\",\n \" };\\n\",\n \" BrunelD3.addTooltip(selection, tooltipLabeling, geom);\\n\",\n \" }\\n\",\n \" // Create selections, set the initial state and transition updates\\n\",\n \" selection = main.selectAll('.element').data(chords.chords, function(d) { return d.source.index + '|' + d.target.index });\\n\",\n \" var added = selection.enter().append('path');\\n\",\n \" merged = selection.merge(added);\\n\",\n \" initialState(added);\\n\",\n \" selection.filter(BrunelD3.hasData)\\n\",\n \" .classed('selected', BrunelD3.isSelected(data))\\n\",\n \" .filter(BrunelD3.isSelected(data)).raise();\\n\",\n \" updateState(BrunelD3.transition(merged, transitionMillis));\\n\",\n \" label(merged, transitionMillis);\\n\",\n \"\\n\",\n \" BrunelD3.transition(selection.exit(), transitionMillis/3)\\n\",\n \" .style('opacity', 0.5).each( function() {\\n\",\n \" this.remove(); BrunelD3.removeLabels(this); \\n\",\n \" });\\n\",\n \" }\\n\",\n \"\\n\",\n \" return {\\n\",\n \" data: function() { return processed },\\n\",\n \" original: function() { return original },\\n\",\n \" internal: function() { return data },\\n\",\n \" selection: function() { return merged },\\n\",\n \" makeData: makeData,\\n\",\n \" build: build,\\n\",\n \" chart: function() { return charts[0] },\\n\",\n \" group: function() { return elementGroup },\\n\",\n \" fields: {\\n\",\n \" x: ['source'],\\n\",\n \" y: ['target'],\\n\",\n \" key: ['source', 'target'],\\n\",\n \" color: ['source'],\\n\",\n \" size: ['value']\\n\",\n \" }\\n\",\n \" };\\n\",\n \" }();\\n\",\n \"\\n\",\n \" function build(time, noData) {\\n\",\n \" var first = elements[0].data() == null;\\n\",\n \" if (first) time = 0; // no transition for first call\\n\",\n \" if ((first || time > -1) && !noData) {\\n\",\n \" elements[0].makeData();\\n\",\n \" BrunelD3.addLegend(legends, legends._legend);\\n\",\n \" }\\n\",\n \" elements[0].build(time);\\n\",\n \" }\\n\",\n \"\\n\",\n \" // Expose the following components of the chart\\n\",\n \" return {\\n\",\n \" elements : elements,\\n\",\n \" interior : interior,\\n\",\n \" zoom: function(params, time) {\\n\",\n \" if (params) zoom.on('zoom').call(zoomNode, params, time);\\n\",\n \" return d3.zoomTransform(zoomNode);\\n\",\n \" },\\n\",\n \" build : build\\n\",\n \" };\\n\",\n \" }();\\n\",\n \"\\n\",\n \" function setData(rowData, i) { datasets[i||0] = BrunelD3.makeData(rowData) }\\n\",\n \" function updateAll(time) { charts.forEach(function(x) {x.build(time || 0)}) }\\n\",\n \" function buildAll() {\\n\",\n \" for (var i=0;i\"\n ]\n },\n \"execution_count\": 20,\n \"metadata\": {},\n \"output_type\": \"execute_result\"\n }\n ],\n \"source\": [\n \"%brunel data('barrios') chord x(source) y(target) size(value) color(source) tooltip(#all)\"\n ]\n },\n {\n \"cell_type\": \"code\",\n \"execution_count\": 21,\n \"metadata\": {},\n \"outputs\": [\n {\n \"data\": {\n \"text/html\": [\n \"

	id	monto_contrato	area_responsable
0	34	3183200000	Ministerio De Desarrollo Urbano Y Transporte
1	42	2227408083	Ministerio De Desarrollo Urbano Y Transporte
2	43	2136614835	Ministerio De Desarrollo Urbano Y Transporte
3	33	1640500000	Ministerio De Desarrollo Urbano Y Transporte
4	67	1585394079	Ministerio De Desarrollo Urbano Y Transporte

\\n\",\n \"

\"\n ],\n \"text/plain\": [\n \" id monto_contrato area_responsable\\n\",\n \"0 34 3183200000 Ministerio De Desarrollo Urbano Y Transporte\\n\",\n \"1 42 2227408083 Ministerio De Desarrollo Urbano Y Transporte\\n\",\n \"2 43 2136614835 Ministerio De Desarrollo Urbano Y Transporte\\n\",\n \"3 33 1640500000 Ministerio De Desarrollo Urbano Y Transporte\\n\",\n \"4 67 1585394079 Ministerio De Desarrollo Urbano Y Transporte\"\n ]\n },\n \"execution_count\": 21,\n \"metadata\": {},\n \"output_type\": \"execute_result\"\n }\n ],\n \"source\": [\n \"url = 'https://raw.githubusercontent.com/aaizemberg/vis/gh-pages/obras/datos.tsv'\\n\",\n \"obras = pd.read_csv( url , sep='\\\\t')\\n\",\n \"obras.head(5)\"\n ]\n },\n {\n \"cell_type\": \"code\",\n \"execution_count\": 22,\n \"metadata\": {},\n \"outputs\": [\n {\n \"data\": {\n \"text/html\": [\n \"\\n\",\n \"\\n\",\n \"\\n\",\n \"\\n\",\n \"\\n\",\n \"\\n\",\n \"\\n\",\n \"\\n\",\n \"

\\n\",\n \"\"\n ],\n \"text/plain\": [\n \"\"\n ]\n },\n \"metadata\": {},\n \"output_type\": \"display_data\"\n },\n {\n \"data\": {\n \"application/javascript\": [\n \"/*\\n\",\n \" * Copyright (c) 2015 IBM Corporation and others.\\n\",\n \" *\\n\",\n \" * Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\\n\",\n \" * You may not use this file except in compliance with the License.\\n\",\n \" * You may obtain a copy of the License at\\n\",\n \" *\\n\",\n \" * http://www.apache.org/licenses/LICENSE-2.0\\n\",\n \" *\\n\",\n \" * Unless required by applicable law or agreed to in writing, software\\n\",\n \" * distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\\n\",\n \" * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\\n\",\n \" * See the License for the specific language governing permissions and\\n\",\n \" * limitations under the License.\\n\",\n \" */\\n\",\n \"\\n\",\n \"require.config({\\n\",\n \" waitSeconds: 60,\\n\",\n \" paths: {\\n\",\n \" 'd3': '//cdnjs.cloudflare.com/ajax/libs/d3/4.2.1/d3.min',\\n\",\n \" 'topojson': '//cdnjs.cloudflare.com/ajax/libs/topojson/1.6.20/topojson.min',\\n\",\n \" 'brunel' : '/data/jupyter2/static-file-content-delivery-network/nbextensions/brunel_ext/brunel.2.3.min',\\n\",\n \" 'brunelControls' : '/data/jupyter2/static-file-content-delivery-network/nbextensions/brunel_ext/brunel.controls.2.3.min'\\n\",\n \" },\\n\",\n \" shim: {\\n\",\n \" 'brunel' : {\\n\",\n \" exports: 'BrunelD3',\\n\",\n \" deps: ['d3', 'topojson'],\\n\",\n \" init: function() {\\n\",\n \" return {\\n\",\n \" BrunelD3 : BrunelD3,\\n\",\n \" BrunelData : BrunelData\\n\",\n \" }\\n\",\n \" }\\n\",\n \" },\\n\",\n \" 'brunelControls' : {\\n\",\n \" exports: 'BrunelEventHandlers',\\n\",\n \" init: function() {\\n\",\n \" return {\\n\",\n \" BrunelEventHandlers: BrunelEventHandlers,\\n\",\n \" BrunelJQueryControlFactory: BrunelJQueryControlFactory\\n\",\n \" }\\n\",\n \" }\\n\",\n \" }\\n\",\n \"\\n\",\n \" }\\n\",\n \"\\n\",\n \"});\\n\",\n \"\\n\",\n \"require([\\\"d3\\\"], function(d3) {\\n\",\n \" require([\\\"brunel\\\", \\\"brunelControls\\\"], function(brunel, brunelControls) {\\n\",\n \" function BrunelVis(visId) {\\n\",\n \" \\\"use strict\\\"; // strict mode\\n\",\n \" var datasets = [], // array of datasets for the original data\\n\",\n \" pre = function(d, i) { return d }, // default pre-process does nothing\\n\",\n \" post = function(d, i) { return d }, // default post-process does nothing\\n\",\n \" transitionTime = 200, // transition time for animations\\n\",\n \" charts = [], // the charts in the system\\n\",\n \" vis = d3.select('#' + visId).attr('class', 'brunel'); // the SVG container\\n\",\n \"\\n\",\n \" BrunelD3.addDefinitions(vis); // ensure standard symbols present\\n\",\n \"\\n\",\n \" // Define chart #1 in the visualization //////////////////////////////////////////////////////////\\n\",\n \"\\n\",\n \" charts[0] = function(parentNode, filterRows) {\\n\",\n \" var geom = BrunelD3.geometry(parentNode || vis.node(), 0, 0, 1, 1, 0, 0, 0, 330),\\n\",\n \" elements = []; // array of elements in this chart\\n\",\n \"\\n\",\n \" // Define groups for the chart parts ///////////////////////////////////////////////////////////\\n\",\n \"\\n\",\n \" var chart = vis.append('g').attr('class', 'chart1')\\n\",\n \" .attr('transform','translate(' + geom.chart_left + ',' + geom.chart_top + ')');\\n\",\n \" var overlay = chart.append('g').attr('class', 'element').attr('class', 'overlay');\\n\",\n \" var zoom = d3.zoom().scaleExtent([1/3,3]);\\n\",\n \" var zoomNode = overlay.append('rect').attr('class', 'overlay')\\n\",\n \" .attr('x', geom.inner_left).attr('y', geom.inner_top)\\n\",\n \" .attr('width', geom.inner_rawWidth).attr('height', geom.inner_rawHeight)\\n\",\n \" .style('cursor', 'default')\\n\",\n \" .node();\\n\",\n \" zoomNode.__zoom = d3.zoomIdentity;\\n\",\n \" chart.append('rect').attr('class', 'background').attr('width', geom.chart_right-geom.chart_left).attr('height', geom.chart_bottom-geom.chart_top);\\n\",\n \" var interior = chart.append('g').attr('class', 'interior zoomNone')\\n\",\n \" .attr('transform','translate(' + geom.inner_left + ',' + geom.inner_top + ')')\\n\",\n \" .attr('clip-path', 'url(#clip_visid238bc8a6-1beb-11e8-b013-360c827e6e8d_chart1_inner)');\\n\",\n \" interior.append('rect').attr('class', 'inner').attr('width', geom.inner_width).attr('height', geom.inner_height);\\n\",\n \" var gridGroup = interior.append('g').attr('class', 'grid');\\n\",\n \" var legends = chart.append('g').attr('class', 'legend')\\n\",\n \" .attr('transform','translate(' + (geom.chart_right-geom.chart_left - 3) + ',' + 0 + ')');\\n\",\n \" vis.append('clipPath').attr('id', 'clip_visid238bc8a6-1beb-11e8-b013-360c827e6e8d_chart1_inner').append('rect')\\n\",\n \" .attr('x', 0).attr('y', 0)\\n\",\n \" .attr('width', geom.inner_rawWidth+1).attr('height', geom.inner_rawHeight+1);\\n\",\n \" var tree, expandState = [], collapseState = {}; // collapse state maps node IDs to true/false\\n\",\n \" var scale_x = d3.scaleLinear(), scale_y = d3.scaleLinear();\\n\",\n \" var base_scales = [scale_x, scale_y]; // untransformed original scales\\n\",\n \" zoom.on('zoom', function(t, time) {\\n\",\n \" t = t || d3.event.transform;\\n\",\n \" zoomNode.__zoom = t;\\n\",\n \" interior.attr('class', 'interior ' + BrunelD3.zoomLabel(t.k));;\\n\",\n \" build(time || -1);\\n\",\n \" });\\n\",\n \"\\n\",\n \" // Define element #1 ///////////////////////////////////////////////////////////////////////////\\n\",\n \"\\n\",\n \" elements[0] = function() {\\n\",\n \" var original, processed, // data sets passed in and then transformed\\n\",\n \" element, data, // brunel element information and brunel data\\n\",\n \" selection, merged; // d3 selection and merged selection\\n\",\n \" var elementGroup = interior.append('g').attr('class', 'element1'),\\n\",\n \" main = elementGroup.append('g').attr('class', 'main'),\\n\",\n \" labels = BrunelD3.undoTransform(elementGroup.append('g').attr('class', 'labels').attr('aria-hidden', 'true'), elementGroup),\\n\",\n \" diagramLabels = BrunelD3.undoTransform(elementGroup.append('g').attr('class', 'diagram labels').attr('aria-hidden', 'true'), elementGroup);\\n\",\n \"\\n\",\n \" function makeData() {\\n\",\n \" original = datasets[0];\\n\",\n \" if (filterRows) original = original.retainRows(filterRows);\\n\",\n \" processed = pre(original, 0);\\n\",\n \" processed = post(processed, 0);\\n\",\n \" var f0 = processed.field('area_responsable'),\\n\",\n \" f1 = processed.field('monto_contrato'),\\n\",\n \" f2 = processed.field('#row'),\\n\",\n \" f3 = processed.field('#selection');\\n\",\n \" var keyFunc = function(d) { return f2.value(d) };\\n\",\n \" data = {\\n\",\n \" area_responsable:function(d) { return f0.value(d.row) },\\n\",\n \" monto_contrato:function(d) { return f1.value(d.row) },\\n\",\n \" $row: function(d) { return f2.value(d.row) },\\n\",\n \" $selection: function(d) { return f3.value(d.row) },\\n\",\n \" area_responsable_f:function(d) { return f0.valueFormatted(d.row) },\\n\",\n \" monto_contrato_f:function(d) { return f1.valueFormatted(d.row) },\\n\",\n \" $row_f: function(d) { return f2.valueFormatted(d.row) },\\n\",\n \" $selection_f: function(d) { return f3.valueFormatted(d.row) },\\n\",\n \" _split: function(d) { return f0.value(d.row)+ '|' + f1.value(d.row) },\\n\",\n \" _key: keyFunc,\\n\",\n \" _rows: BrunelD3.makeRowsWithKeys(keyFunc, processed.rowCount())\\n\",\n \" };\\n\",\n \" }\\n\",\n \" // Aesthetic Functions\\n\",\n \" var scale_color = d3.scaleOrdinal()\\n\",\n \" .domain(['Corporación Buenos Aires Sur', 'Instituto De La Vivienda (Ivc)', 'Ministerio De Ambiente Y Espacio Público', 'Ministerio De Cultura', 'Ministerio De Desarrollo Humano Y Hábitat', 'Ministerio De Desarrollo Urbano Y Transporte', 'Ministerio De Educación', 'Ministerio De Modernización, Innovación Y Tecnología', 'Ministerio De Salud', 'Subsecretaría De Gestión Comunal'])\\n\",\n \" .range([ '#347DAD', '#D43F58', '#F7D84A', '#31A461', '#A66A9C', '#FF954D', \\n\",\n \" '#A7978E', '#FFCA4D', '#F99EAF', '#B1C43B', '#7E64A2', '#FFB04D', '#CA5C7C', \\n\",\n \" '#DDBC8C', '#FFA28D', '#A5473D', '#8B6141', '#F57357', '#5C6B46']);\\n\",\n \" var color = function(d) { return scale_color(data.area_responsable(d.data)) };\\n\",\n \" var scale_size = d3.scaleLinear().domain([1, 3.183e9])\\n\",\n \" .range([ 0.001, 1]);\\n\",\n \" var size = function(d) { return scale_size(data.monto_contrato(d.data)) };\\n\",\n \" legends._legend = legends._legend || { title: ['Area Responsable'], \\n\",\n \" ticks: scale_color.domain()};\\n\",\n \" legends._legend.color = scale_color;\\n\",\n \"\\n\",\n \" // Build element from data ///////////////////////////////////////////////////////////////////\\n\",\n \"\\n\",\n \" function build(transitionMillis) {\\n\",\n \" element = elements[0];\\n\",\n \" // Define treemap (hierarchy) data structures\\n\",\n \" var first = (!tree), graph = BrunelData.diagram_Hierarchical.makeByNestingFields(processed, 'monto_contrato', 'area_responsable');\\n\",\n \" var targetNode = graph.root;\\n\",\n \" tree = d3.hierarchy(targetNode).sum(function(d) { return d.value });\\n\",\n \" BrunelD3.prune(tree, collapseState, true);\\n\",\n \" function nodeKey(d) { return d.data.key == null ? data._key(d.data.row) : d.data.key };\\n\",\n \" var treemap = d3.treemap().tile(d3.treemapResquarify)\\n\",\n \" .size([geom.inner_width, geom.inner_height])\\n\",\n \" .padding(function(d) { return d.depth < 3 ? 2*d.depth : 0} )\\n\",\n \" .paddingTop(function(d) { return d.depth ==1 ? 15 : (d.depth == 2) ? 12 : 0});\\n\",\n \" main.attr('class', 'diagram treemap hierarchy');\\n\",\n \"\\n\",\n \" // Define selection entry operations\\n\",\n \" function initialState(selection) {\\n\",\n \" selection\\n\",\n \" .attr('class', 'element polygon filled')\\n\",\n \" .filter(function(d) { return d.parent })\\n\",\n \" .attr('x', function(d) { return scale_x((d.parent.x0+d.parent.x1)/2) })\\n\",\n \" .attr('y', function(d) { return scale_y((d.parent.y0+d.parent.y1)/2) })\\n\",\n \" .attr('width', 0).attr('height', 0)\\n\",\n \" }\\n\",\n \"\\n\",\n \" // Define selection update operations on merged data\\n\",\n \" function updateState(selection) {\\n\",\n \" selection\\n\",\n \" .attr('class', function(d) { return (d.collapsed ? 'collapsed ' : '') + (d.data.children ? 'element L' + d.depth : 'leaf element bar') })\\n\",\n \" .attr('x', function(d) { return scale_x(d.x0) })\\n\",\n \" .attr('y', function(d) { return scale_y(d.y0) })\\n\",\n \" .attr('width', function(d) { return scale_x(d.x1) - scale_x(d.x0) })\\n\",\n \" .attr('height', function(d) { return scale_y(d.y1) - scale_y(d.y0) })\\n\",\n \" .filter(BrunelD3.hasData) // following only performed for data items\\n\",\n \" .style('fill', color);\\n\",\n \" }\\n\",\n \"\\n\",\n \" // Define labeling for the selection\\n\",\n \" function label(selection, transitionMillis) {\\n\",\n \"\\n\",\n \" var tooltipLabeling = {\\n\",\n \" index: -1, method: 'box', location: ['center', 'top'], inside: true, align: 'middle', pad: 0, dy: 0.7,\\n\",\n \" fit: true, granularity: 0,\\n\",\n \" content: function(d) {\\n\",\n \" return d.row == null ? null : 'Area Responsable: '\\n\",\n \"\\t\\t\\t+ '' + data.area_responsable_f(d) + ''\\n\",\n \"\\t\\t\\t+ '
'\\n\",\n \"\\t\\t\\t+ 'Monto Contrato: '\\n\",\n \"\\t\\t\\t+ '' + data.monto_contrato_f(d) + ''\\n\",\n \" }\\n\",\n \" };\\n\",\n \" BrunelD3.addTooltip(selection, tooltipLabeling, geom);\\n\",\n \" diagramLabels.attr('class', 'axis diagram treemap hierarchy');\\n\",\n \" var treeLabeling = [{ index:0, method:'inner-left', fit:true, dy:0.83, align:'start', \\n\",\n \" content: function(d) { return d.data.innerNodeName },\\n\",\n \" cssClass: function(d) { return 'axis label L' + d.depth + ' H' + d.height }, \\n\",\n \" where : function(box) { return {'x': box.x + 2, 'y': box.y, 'box': box} }\\n\",\n \" }];\\n\",\n \" BrunelD3.label(selection.filter(function(d) {return d.data.key}), diagramLabels, transitionMillis, geom, treeLabeling);\\n\",\n \" }\\n\",\n \" // Create selections, set the initial state and transition updates\\n\",\n \" selection = main.selectAll('.element').data(treemap(tree).descendants(), nodeKey);\\n\",\n \" var added = selection.enter().append('rect');\\n\",\n \" merged = selection.merge(added);\\n\",\n \" initialState(added);\\n\",\n \" selection.filter(BrunelD3.hasData)\\n\",\n \" .classed('selected', BrunelD3.isSelected(data))\\n\",\n \" .filter(BrunelD3.isSelected(data)).raise();\\n\",\n \" updateState(BrunelD3.transition(merged, transitionMillis));\\n\",\n \" label(merged, transitionMillis);\\n\",\n \"\\n\",\n \" BrunelD3.transition(selection.exit(), transitionMillis/3)\\n\",\n \" .style('opacity', 0.5).each( function() {\\n\",\n \" this.remove(); BrunelD3.removeLabels(this); \\n\",\n \" });\\n\",\n \" merged // attach handlers to the element\\n\",\n \" .on('dblclick.collapse', function(d) {if (d.data.children) {collapseState[d.data.key] = !collapseState[d.data.key]; charts[0].build(500)} });\\n\",\n \" }\\n\",\n \"\\n\",\n \" return {\\n\",\n \" data: function() { return processed },\\n\",\n \" original: function() { return original },\\n\",\n \" internal: function() { return data },\\n\",\n \" selection: function() { return merged },\\n\",\n \" makeData: makeData,\\n\",\n \" build: build,\\n\",\n \" chart: function() { return charts[0] },\\n\",\n \" group: function() { return elementGroup },\\n\",\n \" fields: {\\n\",\n \" x: ['area_responsable'],\\n\",\n \" key: ['#row'],\\n\",\n \" color: ['area_responsable'],\\n\",\n \" size: ['monto_contrato']\\n\",\n \" }\\n\",\n \" };\\n\",\n \" }();\\n\",\n \"\\n\",\n \" function build(time, noData) {\\n\",\n \" var first = elements[0].data() == null;\\n\",\n \" if (first) time = 0; // no transition for first call\\n\",\n \" if ((first || time > -1) && !noData) {\\n\",\n \" elements[0].makeData();\\n\",\n \" BrunelD3.addLegend(legends, legends._legend);\\n\",\n \" }\\n\",\n \" elements[0].build(time);\\n\",\n \" }\\n\",\n \"\\n\",\n \" // Expose the following components of the chart\\n\",\n \" return {\\n\",\n \" elements : elements,\\n\",\n \" interior : interior,\\n\",\n \" zoom: function(params, time) {\\n\",\n \" if (params) zoom.on('zoom').call(zoomNode, params, time);\\n\",\n \" return d3.zoomTransform(zoomNode);\\n\",\n \" },\\n\",\n \" build : build\\n\",\n \" };\\n\",\n \" }();\\n\",\n \"\\n\",\n \" function setData(rowData, i) { datasets[i||0] = BrunelD3.makeData(rowData) }\\n\",\n \" function updateAll(time) { charts.forEach(function(x) {x.build(time || 0)}) }\\n\",\n \" function buildAll() {\\n\",\n \" for (var i=0;i\"\n ]\n },\n \"execution_count\": 22,\n \"metadata\": {},\n \"output_type\": \"execute_result\"\n }\n ],\n \"source\": [\n \"%brunel data('obras') x(area_responsable) treemap size(monto_contrato) color(area_responsable) tooltip(#all) :: width=1100\"\n ]\n }\n ],\n \"metadata\": {\n \"kernelspec\": {\n \"display_name\": \"Python 3.5\",\n \"language\": \"python\",\n \"name\": \"python3\"\n },\n \"language_info\": {\n \"codemirror_mode\": {\n \"name\": \"ipython\",\n \"version\": 3\n },\n \"file_extension\": \".py\",\n \"mimetype\": \"text/x-python\",\n \"name\": \"python\",\n \"nbconvert_exporter\": \"python\",\n \"pygments_lexer\": \"ipython3\",\n \"version\": \"3.5.4\"\n }\n },\n \"nbformat\": 4,\n \"nbformat_minor\": 1\n}\n","slug","a1211d5942abb430e4216da32a918250","title","Probando Brunel","description","ownerType","ownerId","projectId","visibility","public","isTemplate","headCommitId","i6cd2hlMYOvS32R0FGT-k","startCommitId","forkedFrom","forkedFromVisibility",1519755848000,"publishedAt","isPublished","draftStatus","published","lifecycleStatus","active","trashedAt","purgeAfter","userId","account","appOrigin","https://next.vizhub.com","googleAnalyticsId","G-5BVJNTEF9V"]