D3.js is a small, open-source JavaScript visualization library for manipulating HTML and SVG documents based on data

learn more… | top users | synonyms

6
votes
1answer
254 views

Moving a shape around the earth while maintaining the proper projection

What is the transformation needed to be taken on every data point of a shape to rotate that shape around the globe. I'm trying to figure out the math behind this kind of transformation so I can ...
5
votes
1answer
358 views

demers cartogram

How do you make a demers cartogram from a shapefile/topojson/geojson? I have tried scapetoad and indiemapper and i can not duplicate what you find on the links below. ...
2
votes
1answer
111 views

Showing link for every city at different zoom levels using Leaflet?

I have a Leaflet map that I am using to render a map of the U.S. The map will have specific zoom levels. For example, when the map first loads it will show major U.S. cities. Then if you zoom in it ...
2
votes
1answer
159 views

Simplifying TopoJSON causes leak of Natural Earth in d3

I'm working with topoJSON and D3 to display Natural Earth data on a globe. Obviously, we need to simplify our geometries while still keeping borders consistent. We've created a script as based on ...
1
vote
1answer
79 views

Add multiple strokes to Leaflet geojson feature path

Wondering if it's possible to add multiple strokes to a polygon or line feature (the same thing could apply to multiple fills for polygons too). The leaflet documentation on the L.Path style options ...
1
vote
1answer
2k views

Texture overlay in d3 map

D3 map can be drawn and colored as shown in this example : http://techslides.com/demos/d3/d3-world-map-zoom-points.html. I need to overlay a texture or image within the boundary of a given country. Is ...
0
votes
1answer
141 views

GeoJson and D3.js multipolygon

I have this geometric shape file, so no map of a city. I store the two Shapefiles in a GIS database as a geometric form. Now, I want to visualize the geojson data. I created the GeoJson data ...
2
votes
0answers
99 views

Align vector and raster layers with D3

I have a geocoded raster image that I want to use as the background to a vector map with D3.js. The screenshot shows the layers in QGIS (grey is raster). Here's the markup for the map: <div ...
2
votes
0answers
34 views

Finding centroids for icosahedral gnomonic projection?

I've been trying to create an icosahedral gnomonic projection, like this example by Jason Davies or this one (the Fisher projection). The method that I initially used was using the centroid of each ...
2
votes
0answers
93 views

Any Examples of D3.brush() used with Leaflet?

I have a leaflet map that I have placed an SVG "on top of" using the leaflet overlay pane. I want to add a D3 brush to the overlay pane that will then update a separate chart. I've looked around for ...
2
votes
0answers
24 views

Creating a distance overlay that is computed by the distance of points/lines and recalculated on zooming

I created a fictional map and visualized it with d3. Now I would like to show a scale/rule so that the user can see which distance (kilometers,meters) he is currently using. I was thinking about ...
1
vote
0answers
54 views

Rectangular bounding box curved in D3.js

I am trying to project polygons to a map with a static background image using D3.js. The polygons looked slightly off in relation to the background so I drew the bounding box of the image, and sure ...
1
vote
0answers
42 views

JSON Layer does not show when .setview Changes

I've set a Mapbox map with a geoJSON layer overlaying it. The problem is that with the default set values, the json layer shows up just fine. However, If I change the .setView too much, the json layer ...
1
vote
0answers
162 views

Filtering a Topojson on server-side. Which part of topology I need?

I have a big Topojson which I want to avoid loading it at page load. Instead I would like to parse on server-side at user request, sending back chunks of this original Topojson to be ploted. So I ...
1
vote
0answers
628 views

Topography: How to convert raster into vector layers?

(nb:This project is part of the #Wikipedia #wikimaps project) 1. Question: How to create vector topographic maps from raster image ? How to convert raster topographic image into closed vector ...
1
vote
0answers
202 views

D3, Polymaps and Lines

I'm quite new to d3 and Polymaps and I have a question to ask.. I am trying to connect two points using a line, using Polymaps and d3, my starting point is from this code that Mike provided ...
1
vote
0answers
442 views

translating and scaling viewport to fit geojson map in D3js

I am trying to load a map of Rio de Janeiro (Brazil) in GeoJson for with D3js the code and the map is here: https://gist.github.com/4157853 I can open the map normally with Qgis, but with d3js ...
0
votes
0answers
17 views

Matching d3.js geo projection with pyproj Proj4

I am having trouble figuring out the correct notation for Proj4 projections with pyproj. I got the following projection in d3.js and I want to match it with pyproj on my backend to send a background ...
0
votes
0answers
43 views

CartoDB example for Airport routes?

I am a developer and I wanted to make a website where I can draw route from on Airport location to another airport location. But the route should be using D3.js or carto db. I am new in this ...
0
votes
0answers
79 views

GRIB data interpolation

I've been wrangling around in GFS grid based data (GRIB - mostly 0.5 degree resolution). I'm interested in plotting these by converting to geojson with ogr2ogr (which is quite easy). However, is there ...
0
votes
0answers
63 views

Topojson Rendering Problem

This block has a topojson file that's being rendered such that each polygon fills the world: http://bl.ocks.org/emeeks/6bc43691f631a4097d05 It includes the geojson file that it was derived from, ...
0
votes
0answers
100 views

QGIS: Albers projection in lat lng?

I'm trying to make a map of Russia in the Albers projection. My projection string is: +proj=aea +lat_1=45 +lat_2=70 +lat_0=40 +lon_0=100 +x_0=20 +y_0=20 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m ...
0
votes
0answers
445 views

D3.js with dynamic geojson data

I have a $.ajax function which returns the geojson data from the asp.net mvc server method. I want to know how I could send that as a parameter to d3.json() function. Better if anyone shared code ...
0
votes
0answers
208 views

How do I completely fill polygons with text labels on a per-feature basis?

I would like to create a map of regions, where each region is completely filled with its specific chunks of text. Think a map of Wordles in the shape of regions that are assembled together into a map. ...
0
votes
0answers
783 views

Plot poly-lines between few points in D3+Polymaps

I would like to create polyline on the click of the mouse. I have 4 circles 3 with radius 2 (Lets name it as B,C,D) and 1 with radius 8 (Lets name it as A). Now when I click on the circle A, poly line ...