D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
aaizemberg
Full window
Github gist
Cambio de posición entre Provincias (Población, Censo 2001-2010)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cambio de Posición entre Provincias (Población, Censo 2001-2010)</title> <link href='https://fonts.googleapis.com/css?family=Duru+Sans' rel='stylesheet' type='text/css'> </head> <body> <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns:dc="https://purl.org/dc/elements/1.1/" xmlns:cc="https://creativecommons.org/ns#" xmlns:rdf="https://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="https://www.w3.org/2000/svg" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" xmlns:sodipodi="https://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="https://www.inkscape.org/namespaces/inkscape" width="400" height="600" version="1.1" id="svg2" inkscape:version="0.48.4 r9939" sodipodi:docname="bump chart censo 2001-2010.svg"> <metadata id="metadata244"> <rdf:RDF> <cc:Work rdf:about=""> <dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="https://purl.org/dc/dcmitype/StillImage" /> </cc:Work> </rdf:RDF> </metadata> <defs id="defs242"> <path inkscape:connector-curvature="0" id="path-Misiones-1" d="M 0,339.33201 400,317.75845" /> </defs> <sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1280" inkscape:window-height="780" id="namedview240" showgrid="false" inkscape:zoom="2.5451418" inkscape:cx="190.56528" inkscape:cy="52.406597" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="svg2" /> <g id="g4"> <path class="layer" d="M0,0L400,0L400,105.07088896800713L0,102.87136812237986Z" title="Buenos Aires" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path70" /> <path class="layer" d="M0,516.9559766134063L400,516.4870286166138L400,518.9604882759234L0,519.4450894072206Z" title="Catamarca" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path72" /> <path class="layer" d="M0,314.9279343968283L400,334.9506514629075L400,342.04674139250335L0,322.2519974674728Z" title="Chaco" style="fill-opacity: 0.9; fill: #dd4437;" id="path74" /> <path class="layer" d="M0,484.1674983668878L400,483.17971839005935L400,486.60321551434515L0,487.24189132609933Z" title="Chubut" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path76" /> <path class="layer" d="M0,188.47737311374198L400,189.26821079784992L400,208.70303334483748L0,209.1312330560982Z" title="Ciudad Autónoma de Buenos Aires" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path78" /> <path class="layer" d="M0,356.4120143003631L400,355.5351134855266L400,362.2098193005609L0,363.33838385461223Z" title="Corrientes" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path80" /> <path class="layer" d="M0,116.35974021540306L400,118.55926106103044L400,140.80980018164587L0,139.1760693478446Z" title="Córdoba" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path82" /> <path class="layer" d="M0,271.3069260728609L400,270.5999202585514L400,278.91136282994L0,279.92328661785547Z" title="Entre Ríos" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path84" /> <path class="layer" d="M0,450.0432520031179L400,466.1262715341064L400,469.6913462970361L0,453.6631446164148Z" title="Formosa" style="fill-opacity: 0.9; fill: #dd4437;" id="path86" /> <path class="layer" d="M0,414.40131998654505L400,413.1319444295977L400,417.6595978513893L0,418.9536329668106Z" title="Jujuy" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path88" /> <path class="layer" d="M0,532.9334615002439L400,548.180808338878L400,550.3255945753702L0,535.1601434438603Z" title="La Pampa" style="fill-opacity: 0.9; fill: #dd4437;" id="path90" /> <path class="layer" d="M0,548.6485155368836L400,532.4488603689466L400,534.6924362458548L0,550.8059256755959Z" title="La Rioja" style="fill-opacity: 0.9; fill: #3f85f2;" id="path92" /> <path class="layer" d="M0,222.6196051491214L400,222.19140543786074L400,233.88483479044834L0,234.37186332641772Z" title="Mendoza" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path94" /> <path class="layer" d="M0,335.740369560496L400,314.0546164228604L400,321.46227936988424L0,342.92364220733987Z" title="Misiones" style="fill-opacity: 0.9; fill: #3f85f2;" id="path96" /> <path class="layer" d="M0,467.15151670943806L400,448.9309108144724L400,452.63789944108316L0,470.67912627386454Z" title="Neuquén" style="fill-opacity: 0.9; fill: #3f85f2;" id="path98" /> <path class="layer" d="M0,432.44200505983383L400,431.14796994441264L400,435.4425387214491L0,436.55487991009466Z" title="Río Negro" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path100" /> <path class="layer" d="M0,293.41165871087867L400,292.39973492296326L400,300.5662443298372L0,301.4395623038051Z" title="Salta" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path102" /> <path class="layer" d="M0,396.3001122913149L400,395.0638174830258L400,399.64357233657444L0,400.9129478935218Z" title="San Juan" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path104" /> <path class="layer" d="M0,500.73026341912254L400,500.0915876073684L400,502.9986565235905L0,503.46760452038296Z" title="San Luis" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path106" /> <path class="layer" d="M0,564.2942977686191L400,563.8139666683935L400,565.6562377899588L0,565.7596222397104Z" title="Santa Cruz" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path108" /> <path class="layer" d="M0,152.6644414408679L400,154.29817227466913L400,175.77983870482666L0,174.98900102071877Z" title="Santa Fe" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path110" /> <path class="layer" d="M0,376.82675594763555L400,375.6981913935842L400,381.5754453900025L0,382.81174019829166Z" title="Santiago del Estero" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path112" /> <path class="layer" d="M0,579L400,579L400,580L0,580Z" title="Tierra del Fuego Antártida e Islas del Atlántico Sur" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path114" /> <path class="layer" d="M0,247.86023541944104L400,247.37320688347165L400,257.1115481655281L0,257.81855397983765Z" title="Tucumán" style="fill-opacity: 0.9; fill: rgb(200, 200, 200);" id="path116" /> <defs id="defs118"> <path id="path-Buenos_Aires" d="M0,51.43568406118993L400,52.53544448400356" /> <path id="path-Catamarca" d="M0,518.2005330103134L400,517.7237584462686" /> <path id="path-Chaco" d="M0,318.58996593215056L400,338.49869642770545" /> <path id="path-Chubut" d="M0,485.70469484649357L400,484.8914669522022" /> <path id="path-Ciudad_Autónoma_de_Buenos_Aires" d="M0,198.8043030849201L400,198.9856220713437" /> <path id="path-Corrientes" d="M0,359.87519907748765L400,358.87246639304374" /> <path id="path-Córdoba" d="M0,127.76790478162383L400,129.68453062133815" /> <path id="path-Entre_Ríos" d="M0,275.6151063453582L400,274.7556415442457" /> <path id="path-Formosa" d="M0,451.85319830976636L400,467.9088089155713" /> <path id="path-Jujuy" d="M0,416.67747647667784L400,415.3957711404935" /> <path id="path-La_Pampa" d="M0,534.0468024720521L400,549.2532014571241" /> <path id="path-La_Rioja" d="M0,549.7272206062397L400,533.5706483074007" /> <path id="path-Mendoza" d="M0,228.49573423776957L400,228.03812011415454" /> <path id="path-Misiones" d="M0,339.33200588391793L400,317.75844789637233" /> <path id="path-Neuquén" d="M0,468.9153214916513L400,450.78440512777775" /> <path id="path-Río_Negro" d="M0,434.49844248496424L400,433.2952543329309" /> <path id="path-Salta" d="M0,297.42561050734184L400,296.48298962640024" /> <path id="path-San_Juan" d="M0,398.6065300924183L400,397.3536949098001" /> <path id="path-San_Luis" d="M0,502.09893396975275L400,501.54512206547946" /> <path id="path-Santa_Cruz" d="M0,565.0269600041647L400,564.7351022291762" /> <path id="path-Santa_Fe" d="M0,163.82672123079334L400,165.0390054897479" /> <path id="path-Santiago_del_Estero" d="M0,379.8192480729636L400,378.6368183917933" /> <path id="path-Tierra_del_Fuego_Antártida_e_Islas_del_Atlántico_Sur" d="M0,579.6239971663668L400,579.572304941491" /> <path id="path-Tucumán" d="M0,252.83939469963934L400,252.2423775244999" /> </defs> <text x="20" y="595" style="font-family:'Duru Sans', sans-serif;">2001</text> <text x="340" y="595" style="font-family:'Duru Sans', sans-serif;">2010</text> <text dy="3.210627e-039" class="label" id="text152" transform="translate(0,4.0927331)"> <textPath xlink:href="#path-Chaco" startOffset="5.0000001%" style="font-size:16px;font-weight:normal;text-anchor:start;font-family:'Duru Sans', sans-serif;" id="textPath154">Chaco</textPath> </text> <text dy="3.210627e-039" class="label" id="text176" transform="translate(-7.6738745,3.0695498)"> <textPath xlink:href="#path-Formosa" startOffset="5.0000001%" style="font-size:16px;font-weight:normal;text-anchor:start;font-family:'Duru Sans', sans-serif;" id="textPath178">Formosa</textPath> </text> <text dy="3.2089455e-039" class="label" id="text184" transform="translate(-7.0722976,1.9645271)"> <textPath xlink:href="#path-La_Pampa" startOffset="5.0000001%" style="font-size:16px;font-weight:normal;text-anchor:start;font-family:'Duru Sans', sans-serif;" id="textPath186">La Pampa</textPath> </text> <text dy="3.210627e-039" class="label" id="text188" transform="translate(10.743424,2.0463665)"> <textPath xlink:href="#path-La_Rioja" startOffset="94.999999%" style="font-size:16px;font-weight:normal;text-anchor:end;font-family:'Duru Sans', sans-serif;" id="textPath190">La Rioja</textPath> </text> <text dy="3.210627e-039" class="label" id="text196" transform="translate(1.5347749,2.0463665)"> <textPath xlink:href="#path-Misiones" startOffset="94.999999%" style="font-size:16px;font-weight:normal;text-anchor:end;font-family:'Duru Sans', sans-serif;" id="textPath198">Misiones</textPath> </text> <text class="label" id="text196-7" transform="translate(13.629103,134.41021)"> <textPath xlink:href="#path-Misiones-1" startOffset="94.999999%" style="font-size:16px;font-weight:normal;text-anchor:end;font-family:'Duru Sans', sans-serif;" id="textPath198-4">Neuquén</textPath> </text> </g> <g> <text x="200" y="60" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Buenos Aires</text> <text x="200" y="137" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Córdoba</text> <text x="200" y="172" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Santa Fe</text> <text x="200" y="207" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Ciudad Autónoma de Buenos Aires</text> <text x="200" y="233" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Mendoza</text> <text x="200" y="257" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Tucumán</text> <text x="200" y="280" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Entre Ríos</text> <text x="200" y="301" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Salta</text> <text x="200" y="363" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Corrientes</text> <text x="200" y="382" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Santiago del Estero</text> <text x="200" y="400" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">San Juan</text> <text x="200" y="418" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Jujuy</text> <text x="200" y="436" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Río Negro</text> <text x="200" y="487" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Chubut</text> <text x="200" y="503" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">San Luis</text> <text x="200" y="519" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Catamarca</text> <text x="200" y="565" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Santa Cruz</text> <text x="200" y="580" text-anchor="middle" style="font-size:14px;font-family:'Duru Sans',sans-serif;">Tierra del Fuego</text> </g> </svg> </body> </html>