Old school D3 from simpler times

All examples By author By category About

SharanSMenon

Full window Github gist

World Map

Built with blockbuilder.org

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">

<body>
    <div id="map1" style="width:600px"></div>
    <div id="map2" style="width:600px"></div>
    <script src="https://d3js.org/d3.v4.min.js"></script>
    <script src="//d3js.org/queue.v1.min.js"></script>
    <script src="https://d3js.org/topojson.v2.min.js"></script>
    <script src="https://d3js.org/d3-geo-projection.v1.min.js"></script>
    <script src="https://d3js.org/d3-color.v1.min.js"></script>
    <script src="https://d3js.org/d3-interpolate.v1.min.js"></script>
    <script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
    <script>
        d3.functor = function functor(v) {
            return typeof v === "function" ? v : function () {
                return v;
            };
        };
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.7.1/d3-tip.min.js"></script>
    <script src="choropleth_world.js"></script>
    <script src="worldMap.js"></script>
    <script src="script.js"></script>
</body>

</html>

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
​
<body>
    <div id="map1" style="width:600px"></div>
    <div id="map2" style="width:600px"></div>
    <script src="https://d3js.org/d3.v4.min.js"></script>
    <script src="//d3js.org/queue.v1.min.js"></script>
    <script src="https://d3js.org/topojson.v2.min.js"></script>
    <script src="https://d3js.org/d3-geo-projection.v1.min.js"></script>
    <script src="https://d3js.org/d3-color.v1.min.js"></script>
    <script src="https://d3js.org/d3-interpolate.v1.min.js"></script>
    <script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
    <script>
        d3.functor = function functor(v) {
            return typeof v === "function" ? v : function () {
                return v;
            };
        };
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.7.1/d3-tip.min.js"></script>
    <script src="choropleth_world.js"></script>
    <script src="worldMap.js"></script>
    <script src="script.js"></script>
</body>
​
</html>
    

https://d3js.org/d3.v4.min.js

https://d3js.org/queue.v1.min.js

https://d3js.org/topojson.v2.min.js

https://d3js.org/d3-geo-projection.v1.min.js

https://d3js.org/d3-color.v1.min.js

https://d3js.org/d3-interpolate.v1.min.js

https://d3js.org/d3-scale-chromatic.v1.min.js

https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.7.1/d3-tip.min.js