javascript - ブラジルの州のヒートマップの作成

Question

//var map = new Datamap({element: document.getElementById('container')});
var colors = d3.scale.category10();
var arcs = new Datamap({
  element: document.getElementById("container"),
  scope: 'bra'
});

<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.9/topojson.min.js"></script>
<script src="./datamaps.bra.min.js"></script>
<div id="container" style="position: relative; width: 1540px; height: 900px;"></div>

これがブラジルの地図を正しく描画しないことを誰かが私に説明できますか? これに似た米国向けの実例があります。私はhttps://datamaps.github.io/を使用しています

コンソールはエラーを生成しません