GithubHelp home page GithubHelp logo

dkaoster / taiwan-atlas Goto Github PK

View Code? Open in Web Editor NEW
133.0 4.0 8.0 23.17 MB

Pre-built TopoJSON from the Ministry of the Interior.

Home Page: https://observablehq.com/@dkaoster/taiwan-map

License: MIT License

JavaScript 62.00% Shell 38.00%
taiwan topojson atlas

taiwan-atlas's People

Contributors

dependabot[bot] avatar dkaoster avatar gh-action-bump-version avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

taiwan-atlas's Issues

Use 台 instead of 臺

The data that comes in from the ministry of the interior uses 臺, but should default it to 台.

Can not render correct map

@dkaoster
Thanks in advance for your awesome work.

But I got an issue to render your preprojected towns-mercator-10t.json file

I use following code in react to render a president election map

const rawProject: GeoRawProjection = function (x, y) {
  return [x, -y];
};

function myProjection() {
  return geoProjection(rawProject).precision(0).scale(2).translate([0, 0]);
}

const pathGenerator = d3.geoPath().projection(myProjection);

useEffect(() => {
  const g1 = d3.select(countiesRef.current);
  g1.selectAll("path")
    .data(counties.features)
    .join("path")
    .attr("fill", (feature) => countyColor(feature.properties.countyName))
    .attr("stroke", grey[200])
    .attr("stroke-width", 1)
    .attr("d", (feature) => pathGenerator(feature));
}, [myProjection, pathGenerator]);

and I got this broken map
網頁擷取_6-11-2023_231120_localhost

Could you help me to fix this?

English Locality Names

Turns out, the shp files only contain the english names of the localities for the layer that shp file is for. In other words, the village shp file only has the english names for villages, not towns and counties. Therefore, there needs to be a properties processing step to get all the locality names right and also to help with #9.

Add Legislative Districts

Because Taiwan's legislative districts do not directly correspond with either its towns or villages, add an extra layer for legislative districts.

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.