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>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<title>Brazil SVG</title>
</head>
<body>
<div id="any-"></div>
<div style="max-width: 600px;">
<div id="br_mine"></div>
</div>
<script src="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 |
| ✔ | ✔ | ✔ | ✖† | ✔ | ✔ |