You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@superset.apache.org by GitBox <gi...@apache.org> on 2018/02/02 11:48:28 UTC
[GitHub] prasar-ashutosh opened a new pull request #4330: Adding support for Mapbox with Polygon

prasar-ashutosh opened a new pull request #4330: Adding support for Mapbox with Polygon
URL: https://github.com/apache/incubator-superset/pull/4330
 
 
   ***Mapbox Polygon support***
   
   This pull request is an attempt to implement the feature: https://github.com/apache/incubator-superset/issues/2675
   
   **Background**
   We are using superset with Druid in our project at Dataspark, Singtel, Singapore. We needed Mapbox with Polygon support in our project. So we have attempted to solve this problem using react-map-gl , deck.gl and d3. The new visualization is called "Mapbox with Polygon".
   
   **Usage**
   - Create a new slice
   - Select the datasource as : "birth_france_by_region"
   - Select the visualization type : *Mapbox with Polygon* and click on "create a new Slice"
       <img width="543" alt="screen shot 2018-01-30 at 5 52 30 pm" src="https://user-images.githubusercontent.com/17263748/35559750-6fa4a804-05e6-11e8-9c01-e4f2f4765d51.png">
   - In the Query section , select the DEPT_ID under "Codes of region/province/department" and select a metric.
   - Click on Query. Zoom in/out to adjust if needed. hover around the map to see the details.
   <img width="1415" alt="screen shot 2018-01-30 at 6 10 01 pm" src="https://user-images.githubusercontent.com/17263748/35560622-da72c2f4-05e8-11e8-84ce-447618cd4316.png">
   
   
   **Features**
   The visualisation supports the following filters/selectors
   1. Time
      <img width="450" alt="screen shot 2018-01-30 at 6 00 16 pm" src="https://user-images.githubusercontent.com/17263748/35560125-7beb3622-05e7-11e8-87dd-38c0031e6e1d.png">  
   2. Query
      <img width="453" alt="screen shot 2018-01-30 at 6 01 07 pm" src="https://user-images.githubusercontent.com/17263748/35560190-9ccd9150-05e7-11e8-8807-18aeb79b3dc8.png">  
   3. Options
       - GeoJosn : select the geojson layer
       - RGB color sheme : select the Color scheme
       - Map Style : Select the map style
       <img width="453" alt="screen shot 2018-01-30 at 6 03 02 pm" src="https://user-images.githubusercontent.com/17263748/35560262-e01cdf42-05e7-11e8-9c39-6e7e8411f8d3.png">
   4. Viewport
        <img width="452" alt="screen shot 2018-01-30 at 6 05 50 pm" src="https://user-images.githubusercontent.com/17263748/35560395-3cd652d6-05e8-11e8-9be7-4f042a2e59bc.png">
   5. SQL
       <img width="445" alt="screen shot 2018-01-30 at 6 12 21 pm" src="https://user-images.githubusercontent.com/17263748/35560724-25337770-05e9-11e8-86c8-8ba738670a3b.png">
   
   6. Filters
      <img width="446" alt="screen shot 2018-01-30 at 6 12 50 pm" src="https://user-images.githubusercontent.com/17263748/35560752-374dafa2-05e9-11e8-80ef-d2ad924b3e1e.png">

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services