Skip to content

Instantly share code, notes, and snippets.

@mrjones-plip
Forked from melalj/.block
Last active June 29, 2016 21:01
Show Gist options
  • 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.
Marker vs Fill Bug
license: MIT
height: 900
scrolling: yes
<!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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
[{"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