GithubHelp home page GithubHelp logo

Comments (5)

vasturiano avatar vasturiano commented on July 19, 2024

@jalperin thanks for reaching out. You can control the map translation and zoom using the projection itself (set by the projection() method).

This is the code for the default projection:
https://github.com/vasturiano/cartogram-chart/blob/master/src/cartogram.js#L18

As documented, it defaults to:

geoMercator (centered on prime meridian, slightly tilted towards the northern hemisphere)

If you wish to change the zoom/scale for example, you can just do:

myChart.projection().scale(6)

You can also use the above method to use a different projection other than geoMercator.

from cartogram-chart.

jalperin avatar jalperin commented on July 19, 2024

small correction to the above, I think. This is what it needs to look like:

.projection(d3.geoEquirectangular().scale(200))

from cartogram-chart.

vasturiano avatar vasturiano commented on July 19, 2024

@jalperin that's only if you need to change the projection. If you just want to change the scale then the previous code should suffice.

from cartogram-chart.

jalperin avatar jalperin commented on July 19, 2024

I was getting the following error:

(index):173 Uncaught TypeError: Cartogram(...).topoJson(...).projection(...).scale(...).topoObjectName is not a function
    at update ((index):173)
    at <anonymous>:1:1

from cartogram-chart.

vasturiano avatar vasturiano commented on July 19, 2024

That's because you can't chain chart methods after calling the projection getter (the return object is then a projection instead of the chart object). Just place the chart methods before the .projection() and it should be good.

from cartogram-chart.

Related Issues (7)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.