Map of Brazil (html5, svg, js) - Interactive map for data visualizations. Bundled into a single Javascript file.
Intended to provide some data visualizations based on geographical data. It's SVG-based, can scale to any screen size.
- Mapa do Brasil (HTML5, SVG, JS) - mapa interativo para visualização de dados. Empacotado em um único arquivo Javascript.
- Include 'brmap.js' on your page.
- Create a BrMap object, passing at least the parameter 'wrapper'.
Example:
<!DOCTYPE html><htmllang="pt-BR"><head><metacharset="UTF-8" /><title>Brazil SVG</title></head><body><divid="any-"></div><divstyle="max-width: 600px;"><divid="br_mine"></div></div><scriptsrc="brmap.js"></script><script>BrMap.Draw({wrapper: '#br_mine',selectStates: ['sc'],callbacks: {click: (element,uf)=>{alert(uf);},mouseover: (element,uf)=>{document.querySelector("#any-").appendChild(document.createTextNode(uf+" "));},}});</script></body></html>{wrapper: null,selectStates: [],cssFill: {shape: "#D8D6D6",icon_state: "#BBBBBB",label_icon_state: "#777777",label_state: "#FFFFFF",selected: "#BBBBBB"},responsive: true,width: 500,callbacks: {click: function(element,uf){},mouseover: function(element,uf){}}}| Safari | Firefox | Chrome | IE8 | IE9 | IE10 |
| ✔ | ✔ | ✔ | ✖† | ✔ | ✔ |