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

learn more… | top users | synonyms

0
votes
0answers
13 views

D3 gdal Unable to open datasource problem [duplicate]

I am following the tutorial for d3.js here http://bost.ocks.org/mike/map/ I've download gdal using brew install gdal after which I checked using which ogr2ogr it returned ...
1
vote
2answers
50 views

How to load big geo-data file into web application

I am building a web app where I show details in map. I load data using geojson file (190 mb). I was looking in different possibilities to show the data, here there are: Leaflet GeoJSon: it should ...
3
votes
2answers
82 views

Populating D3 Graph with Cartodb

I have been looking at D3 and following along with their basic tutorials. In the documentation you can use json files to create graphs, however I am confused on how to make the connection from my ...
0
votes
0answers
23 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 ...
0
votes
0answers
103 views

Venue/Indoor Map using D3.js and Geojson

I have created geojson file which contains all the features of 1st floor of a shopping mall. I got that venue map projected using d3.js with different colors but only some parts not the complete map. ...
5
votes
3answers
221 views

Should I use a discrete or continuous scale for coloring a chloropleth?

I am making a choropleth for an upcoming local race using D3. There are two candidates running for an election. For any given polygon on my map, if the red candidate has more votes, the color should ...
0
votes
0answers
38 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
289 views

D3.js with dynamic geojson data (SQL server/.NET)

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
139 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 ...
1
vote
1answer
145 views

get data from WFS and present in using d3js - correct projection

I'm trying to get data for map of Poland. I found WFS service that provides GML files. It is located under: http://sdi.geoportal.gov.pl/wfs_prg/wfservice.aspx?request=getCapabilities&service=wfs ...
1
vote
1answer
121 views

SVG control not visible on top of Leaflet.js

I'm using Leaflet 0.7.1 and want to draw a radial menu (like openstreetmap's iD editor) on top using d3. Some examples I found use Leaflet's overlayPane to append the svg element to: var ...
0
votes
1answer
79 views

How to convert cartesian to lat-lon with Topojson?

I've been following the "Let's Make a Map" tutorial by mbostock about converting files for use for d3.js. I have been able to get things working with files from Natural Earth, but when trying to ...
0
votes
0answers
41 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 ...
0
votes
0answers
361 views

D3 adding topojson - no data visible

Yesterday I asked what would be the best method of creating an overlay in a web map that would allow for some interactivity. Create interactive map with no server Thanks to a variety of people who ...
0
votes
0answers
76 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
1answer
112 views

Leaflet: Centering map when zoom in

For a project I have to use four sets of JSON datas (and one of the files is bigger than 10M). I am loading these files asynchronously using queue.js. Once it's fully loaded and displayed I am ...
3
votes
1answer
165 views

D3 to match this QGIS projection?

I have a map of Finland in QGIS, which says CRS = ETRS89 / ETRS-TM35 (Authority ID = EPSG:3047). I'm trying to show the map with D3, and can't quite match the borders/projection. The black one is ...
10
votes
3answers
2k views

D3 for maps---at what stage to bring in data to the geo?

I'd like to map a world choropleth for display with D3, a la: http://bl.ocks.org/mbostock/4206573 http://bl.ocks.org/jasondavies/4188334 I have a dataset I'd like to display that's keyed to ...
1
vote
0answers
236 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
1answer
330 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 ...
2
votes
1answer
750 views

display a choropleth map using D3 and Leaftlet

I am trying to get a leaflet map to display a choropleth map using d3. I have written this code using samples I have found however the map just displays as the black fill, not the color classes I ...
2
votes
2answers
402 views

How to determine intersection between geojson feature and given coordinates?

I'm overlaying a leaflet map with features of geojson, fetched with d3 and added as SVG elements to the DOM. My geojson contains too many features to render at once, so my goal is to add to the map ...
2
votes
1answer
101 views

How to render iD editor-style streetmaps?

Is there a simple way to render OSM data (let's start with just streets and names for a single metro area) client side as nodes and edges like the new iD editor? I'm comfortable with d3 but am ...
2
votes
1answer
913 views

Conversion from Shapefile to TopoJSON format results in incorrect map when rendered using d3js

I am trying to build a map of Canada showing FSA boundaries using d3js. I got shape data from Statistics Canada ...
0
votes
2answers
882 views

How to move and open shapefiles with ogr2ogr?

I'm a total newb following along the d3 map tutorial. at this line: ogr2ogr \ -f GeoJSON \ -where "adm0_a3 IN ('GBR', 'IRL')" \ subunits.json \ ne_10m_admin_0_map_subunits.shp I get ...
1
vote
0answers
168 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 ...
2
votes
1answer
1k views

Either GeoJson to TopoJson conversion problem, or projection-issue with D3.js

My 'handcrafted' cartogram (How to create contiguous area cartograms in QGIS or R?) is ready to embed in code - I want to present it online with D3.js. Therefore I produced a topoJSON file of it - ...
2
votes
1answer
259 views

Converting from shp to geojson fails

I'm following Mike Bostock's tutorial, let's make a map, but for a map of Mexico. I want to display state boundaries. I was able to get the map of Mexico from Natural Earth Data's world maps. My ...
3
votes
3answers
436 views

How to properly convert landmass NaturalEarth data into GeoJSON?

100% Newbie. I've been following Mike's d3 Map Tutorial and I've come up against a challenge. I guess my question essentially boils down to: how does one generate the proper GeoJSON/TopoJSON files ...
3
votes
1answer
1k views

d3.geo.path() to draw a path from GIS coordinates

Trying to take GIS data of the zip codes of the Bronx and turn it into a map using d3.js. But I am having trouble rendering. Could you show me proper use of d3.geo.path() ? [ [ -73.84463693999993, ...
3
votes
2answers
233 views

“Hello World” introduction for ubuntuGIS?

Is the GIS equivalent of "Hello world!" = "You are here?" I installed ubuntuGIS recently, but I'm a little overwhelmed navigating the network of many packages to begin accomplishing simple things. ...
3
votes
1answer
2k views

How do you open shapefiles with ogr2ogr

I'm following along the D3 tutorial, and on this line: ogr2ogr \ -f GeoJSON \ -where "adm0_a3 IN ('GBR', 'IRL')" \ subunits.json \ ne_10m_admin_0_map_subunits.shp run into the following ...
1
vote
0answers
300 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 ...
13
votes
3answers
357 views

How to improve cartographic visualization of overlapping polygons?

I need some advice about how to improve the visualization of cartographic information. User can select different species and the webmapping app shows its geographical distribution (polygonal degree ...
10
votes
3answers
4k views

How to create a GeoJSON that works with D3?

I'm simply trying to convert a .shp file to a geoJSON format using: ogr2ogr -f geoJSON output.json input.shp After executing the command nothing seems to be wrong. Here's an excerpt from the ...
6
votes
1answer
3k views

How can I render latitude-longitude coordinates on a map with D3?

I am trying to overlay dots of arbitrary sets of longitude-latitude coordinates on top of a United States map. So far I have found the D3 cartography example, but when I try to place dots on X,Y ...
0
votes
0answers
570 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 ...
2
votes
2answers
405 views

how we create line between two cordinates on polymap?

I am working on d3 and polymaps, I plot map and create circle on the given latitude and longitude which retrieves from the JSON file but now I want to connect those circles with line. I tried to do it ...