Skip to content

Instantly share code, notes, and snippets.

@mrjones-plip

mrjones-plip/.block

Forked from melalj/.block
Last active June 29, 2016 21:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mrjones-plip/d6c6d9069a7d53ce6470264165dedacb to your computer and use it in GitHub Desktop.
Save mrjones-plip/d6c6d9069a7d53ce6470264165dedacb to your computer and use it in GitHub Desktop.
Download ZIP
Marker vs Fill Bug
Raw
.block
license: MIT
height: 900
scrolling: yes
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<title>Marker vs Fill Bug</title>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.20/topojson.min.js"></script>
<script src="https://packet-clearing-house.github.io/maptable/maptable.min.js"></script>
<div id="vizContainer" class='container'></div>
<script>
var viz = d3.maptable('#vizContainer')
.json('two.points.json')
.map({
countryIdentifierKey: 'ctry',
countryIdentifierType: 'name',
path: 'ne_110m_admin_0_countries.json' ,
markers: {
attr: {
fill: "red",
stroke: "red",
"stroke-width": 2
},
},
countries: {
attr: {
fill: {
min: "#a9b6c2",
max: "#6c89a3",
empty: "#f9f9f9",
},
},
}
})
.table()
.columns()
.render();
</script>
</body>
</html>
Display the source blob
Display the rendered blob
Raw
ne_110m_admin_0_countries.json
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Raw
two.points.json
[{"ctry":"Congo-Brazzaville","cit":"Brazzaville","reg":"Africa","latitude":"-4.26780","longitude":"15.29190"},{"ctry":"United States","cit":"Portland","reg":"North America","latitude":"45.52000","longitude":"-122.68000"}]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment