Questions tagged [dc.leaflet.js]

`dc.leaflet.js` extension provides support for `DC.js` charts in a `Leaflet.js` map.

35 questions
26
votes
3 answers

leaflet.js map is not showing up

I am a newbie to leaflet.js. Can anyone help me with debugging the following code? I am trying to show a map on screen but only zoom-in and zoom-out button shows up on Google Chrome and the map screen is empty. …
anandg112
  • 462
  • 2
  • 6
  • 14
4
votes
2 answers

How to make a tiled image pyramid for leaflet from a non-geographic source

Suppose I have a non-geographic image instead of a usual map. Let's say for example an x-ray, MRI scan or microscope image and I would like to use leaflet so I could zoom-in, zoom-out and put some markers on some predetermined points. I have read…
Aenaon
  • 3,169
  • 4
  • 32
  • 60
4
votes
1 answer

Change the size of SVG according to device size in D3.js?

I am trying to visualize map and charts using leaflet.js and d3.js. I want to make the view device compatible. But my charts and maps are not device compatible. The code of showing a simple bar chart is below: function updateCharts(data){ var…
user4471744
3
votes
1 answer

dc.js, prevent pie chart external label overlap

I am not able to show labels properly for the cases where group values are very close together so the labels tend to overlap. I have tried minAngleForLabel. What else can be done here? The code for the pie chart is: var types =…
3
votes
1 answer

Leaflet.js geoJson labels

I'm using a geoJson layer with Leaflet.js, showing countries here. I'm adding country labels with the following: L.marker(layer.getBounds().getCenter(), { icon: L.divIcon({ className: 'countryLabel', html:…
Alex
  • 63
  • 1
  • 6
3
votes
0 answers

How save state of an ImageOverlay : Leaflet

Introduction I am working with leaflet api, to create an application which uses two imageoverlays(added to map). Problem As I loaded two imageoverlays to map with fixed bounds. Now I am have put the controls to toggle the imageoverlays i.e next and…
2
votes
0 answers

Can I make a hybrid choropleth and marker chart in dc.leaflet.js?

I need to make a crossfilterable data map that is a choropleth chart with markers as well. The docs at https://github.com/dc-js/dc.leaflet.js say: There are two charts currently implemented - markers and choropleth. They extend the base abstract…
Robbie
  • 445
  • 5
  • 13
2
votes
1 answer

dc.js and dc.leaflet.js; wrong type of map returned

I'm trying to make a dashboard using dc.js. It has a few charts and a choroplethChart. It all worked fine, but I needed to add leaflet to the map. I've followed this sample and used dc.leaflet.js library, but instead of choroplethChart it returns…
Alex
  • 978
  • 1
  • 9
  • 22
2
votes
2 answers

How to display the value (sum) rather than count of markers in a dc.leaflet.js

I want to use crossfilter's reduceSum function dc.leaflet.js, and display the sum instead of the number of clustered markers. The first example for dc.leaflet.js uses reduceCount. Additionally it doesn't use the reduced value; it just displays the…
coder1
  • 65
  • 7
1
vote
0 answers

performing arithmetic on GeoJson

I am trying to add a marker to the left/right of a point I have from a GeoJson object. I am trying to take my coord and subtract 0.00001 from it, but it errors out my code when I try to run it. I figured if it is essentially a JSON obj, I would be…
1
vote
1 answer

how to make access tokens in leaflet.js API

why am i not able to get the map on the canvas how can i access token for an API enter image description here
1
vote
1 answer

How can I make transitions between dc.js charts smooth when I have a map with more than 20k points?

I've recently built a smaller version of a prototype data explorer incorporating crossfilter, dc.js, and leaflet.markerCluster. The small version, (prototype dashboard), works properly. The problem I am having is when I try to scale it up to 20k…
Jeff Lean
  • 13
  • 2
1
vote
1 answer

dc.js (version 3.0.7) - unable to plot rangeChart ('focusChart' of undefined error)

I am having trouble plotting a rangeChart for my lineChart. d3.tsv("demo.tsv").then(function(someData) { drawMarkerSelectsome(someData); }); function drawMarkerSelectsome(someData) { parseDate = d3.timeParse("%m/%d/%Y"); …
1
vote
1 answer

Doing calculations with dc.js numberDisplay

I would like to make further calculations from the values of two separate numberDisplays in dc.js Here's the code, function makeGraphs(data) { xf = crossfilter(data); all = xf.groupAll(); txntypeDim = xf.dimension(function(d) { return d.txntype;…
1
vote
0 answers

reset all values of pie chart and map while click on reset option in dc.js

i have dc.js chart with marker cluster all are linked together but my reset option(which i used to redraw the whole values again) is not working and there it is also not showing any console error.i am doing silly mistake here because my code is…
1
2 3