esri/participatory-planning

3D web app for participatory planning in Dumbo, Brooklyn NY

Participatory Planning

An interactive 3D web application enabling citizens to engage in urban planning, using the ArcGIS API for JavaScript. This is a non-commercial demo application made by the Esri R&D Center Zurich. It is intended for presentations or as a starting point for new projects.

The app uses various API features such as 3D drawing, glTF import and client-side filtering. The example scene used in the app is located in Dumbo, Brooklyn NY.

On the technical side the app is built using TypeScript, npm and webpack.

Instructions

A live version is available here.

To run the source code locally, follow these steps:

git clone https://github.com/Esri/participatory-planning.git
cd participatory-planning/
npm install
npm run start # serves application at http://localhost:8080

Configuration

If you would like to use the app for a different area or city, see the CONFIGURATION.md file for details.

Resources

The following external libraries, APIs, open datasets and specifications were used to make this application:

• ArcGIS API for JavaScript
• Icons from Font Awesome
• Anime.js for animations
• zip.js for extracting glTF models
• Calcite Web
• Sketchfab widget for downloading glTF models
• 3D building model published on the Open Data portal of DoITT under these Terms of use
• Manhattan neighborhoods provided by Catalog Opendata City under a Open Data Commons Attribution License

Disclaimer

This demo application is for illustrative purposes only and it is not maintained. The area in Dumbo, Brooklyn NY used in the application is a fictional redevelopment area. There is no support available for deployment or development of the application.

Contributing

Esri welcomes contributions from anyone and everyone. Please see our guidelines for contributing.

Licensing

Copyright 2019 Esri

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

A copy of the license is available in the repository's license.txt file.

participatory-planning's Issues

Live demo not working well in Chrome

Hi,

I was looking at your demo in Chrome and the VectorTiles are not showing up and when you trace buildings, you dont see the vertices.

I am using Chrome 86.0.4240.111 (official Build) (64 bits)

In Firefox everything work correctly.

app stopped working

I tried using the live demo and build from the source using npm. However, neither of the approaches is working. Both buttons: "start planning' and "skip animation" have no effect.