Code Monkey home page Code Monkey logo

energy-communities-usmap's Introduction

energy_communities_usmap

A plotly/shiny replica of the mapbox "Mapping US Energy Communities" from https://www.rff.org/publications/data-tools/mapping-vulnerable-communities/

Beyond this particular application, the app could serve as a useful template for open source interactive maps of U.S. counties.

A static screenshot of the app:

This link may not work forever but for now (Jan. 10, 2022), a dynamic version of the app can be found at https://martinvanderlinden.shinyapps.io/energy_socioeco_map/ and can be embedded on any HTML webpage using an iframe (see, e.g., https://datasciencegenie.com/how-to-embed-a-shiny-app-on-website/)

There are a number of features I did not take the time to replicate from the original. These include:

  • Circle-color-specific scales and legends,
  • Tooltip formatting (including adding units)
  • Less "aggressive" tooltip (including smaller fonts)

There are also a number of features I couldn't find a quick way to replicated using Plotly. These include:

  • "Bar legends",
  • Gathering circle-color legend under circle-color selector,

Some things I like better about the original mapbox implementation:

  • Zoom fluidity
  • Seamless circle-color and circle-size changes (unlike my Shiny/Plotly implementation, the mapbox implementation does not appear to rebuild the whole graph each time the user changes inputs)

Some things I like better about my Plotly implementation:

  • Ability to use the legend to select subsets of the data to be displayed (especially useful given the clutterness of the map for some input selections).

energy-communities-usmap's People

Contributors

vanderlindenma avatar

Watchers

James Cloos avatar  avatar

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.