Smart City Planning with ArcGIS Urban and CityEngine...GraphQL esri-rest-js Apollo Software...

Eric Wittner and Michael Van Den Bergh

Smart City Planning with ArcGIS Urban and CityEngine

ArcGIS Urban• Web-based Urban Planning Tool• Built on the ArcGIS Platform• Utilizes the PRT from CityEngine

3D Basemap

Interactive viewer

Indicators and Metrics

Smart Search

Provides a 3D representation of the city and contextual information to assess performance and drive sound decision making

A Digital Twin asContext for Change

Ensure proposed development conforms to the city policy relating to visibility or shadow impact regulations during design review

3D Project Model

Project Information

Measure Impact

Streamline Reports

Visualize Projects Citywide

Local Code

Visual Representation

Downstream Reporting

Scenario Management

Create visual and analytical representation that allows planners to ‘do the math’ while at the same time ‘show their work’ to stakeholders

Improves Planning Productivity

Simplify community involvement to gain early buy-in by providing transparency and supporting the gathering of feedback and ideas.

Facilitate Better Engagement

Review of proposals

Collect comments

Collaborate

Share ideas

ArcGIS Urban

Internal ViewPublic ViewCitizens /NGOs

City Leaders Real EstateDevelopers GIS ProfessionalsPlanning Professionals

Eric WittnerArcGIS Urban Demo

Platform OverviewWorkflow

Urban DB(Existing Conditions)

ArcGIS Online

PublicView Layers

Internal External

Citizens /NGOs

City Council / Leadership

Real EstateDevelopers

Shared Hub InitiativesCommunity Engagement

UrbanDesign DB(Scenarios)

Planning Professionals

ArcGIS UrbanScenario Planning

ArcGIS Pro(Administration &

Advanced Analysis)

GIS Professionals

Step 1:Create the “digital twin” and system of record

Step 2:Create and collaborate on plans, projects, and indicators

Step 3:Establish shared views and engage community

Step 4:Extended and advanced workflows

Implementation Process

Story Maps

Survey123

CityEngine

Adobe Creative Cloud

Community Analyst

Experience Builder

• Example Cities• Export and Share Plan Scenarios• Manage Space Use Types in Plans• Street View• Simple Zoning Import

5 Highlights of 1.1

v

Example Cities

2. Export and Share Plan Scenarios

Video

3. Manage Space Use Types in Plans

Video

4. Street View

Video

5. Simple Zoning Import

Video

• Our Vision• Key Epics• API

2020 Roadmap

Comprehensive Plan

Specific Plans

Project Review

Approvals& Tracking

Re-zoningand

Variances

GIS

Hub Urban

ProjectSubmission

(Web-based)

Planning Continuity

Vision:

Comprehensive Plan

Specific Plans

Project Review

Approvals& Tracking

Re-zoningand

Variances

GIS

Hub Urban

ProjectSubmission

(Web-based)

Planning Continuity

Vision:

2.0June

2.1Oct.

2.0June

Public Release

Public Release

ArcGISUrban v2.0 ArcGIS

Urban V2.1

Version 2.0

• Land Use Plans

• Advanced Capacity Metrics

• Partner API (Permitting Integration)

• Collaboration and Markup

• Custom Building Mass Modelling

• Interactive Line of Sight Analysis

• Adv. Zoning Enhancements

Version 2.1

• Project Submission

• Integrated Mesh Basemaps

• Skyplanes and Buffers

• Local Coordinate Systems

• Suitability and Place Types

• Adv. Zoning Enhancements

• Adv. Land Use Enhancements

2020 Roadmap

UC

2020

MAY JUN JUL SEP OCT NOV DECAUGAPR

Features shown on this roadmap may change before release

Software architectureArcGIS Urban

Software architectureArcGIS Urban

Software architecture

=ArcGISUrban

ArcGISUrban API

CityEnginePRT

+

ArcGIS Online

+ +Urban

FrontendArcGISJS API

+

Software architecture

=ArcGISUrban

ArcGISUrban API

ArcGIS Online

+React

Redux

Redux-Saga

CityEnginePRT

JS APIWASM

Software architecture

=ArcGISUrban

ArcGIS Online

React

Redux

Redux-Saga

CityEnginePRT

JS APIWASM

GraphQL

esri-rest-js

Apollo

Software architecture

=ArcGISUrban

ArcGIS Online

React

Redux

Redux-Saga

CityEnginePRT

JS APIWASM

GraphQL

esri-rest-js

Apollo

Software architecture

=ArcGISUrban

ArcGIS Online

React

Redux

Redux-Saga

CityEnginePRT

JS APIWASM

GraphQL

esri-rest-js

Apollo

GraphQLArcGIS Urban API

• Reduce complexity on the frontend application.• Integration with other applications.• Gatekeeper of data model.

Why Urban API?

• Tailored requests: query plans, projects, indicators at once• Validation and type-checking• Detailed error messages

Why GraphQL?

Urban API demo

React componentreact-sceneview

• 3D map as a React component.• No Dojo, no esri-loader.• Wraps from JS API: SceneView, WebScene, Layer, etc…

Why react-sceneview?

React componentreact-sceneview

Esri CityEngine• What is CityEngine• Integration with Urban• Site Design • Advanced Workflows

Urban Design with CityEngine

ConceptualPlanning

SMEs in AEC

SitePlanning

City Planning Dept

MasterPlanningLarge AEC firms

VR/ARExperiencesPlanning & GIS Professionals

CAD / 3D Sketching

Procedural Design

Number of Iterations

NewRule Creation

How it work?

• Create existing condition (Get Map Data)

• Author Rules (or use Library)

• Draw your designs, and apply rules

• Evaluate alternative scenarios

• Publish as share for feedback

CityEngine’s Capabilities

• Realistic, thematic, and conceptual representation

• Metrics in reports and dashboards, analysis tools

• Scenario management and comparison

• Publishing to web, game engines, and VR

• Integrated with the ArcGIS Platform

Scenario A

Scenario B

Thematic (Zoning)Realistic

Esri CityEngine

Import Plans/Projects

SynchronizePublish

Scenarios

Urban Integration withCityEngine 2019.1

Export to VR & Rendering

ArcGIS Urban

CityEngine

Unreal Engine

Procedural Modeling through PythonPyPRT

ewittner@esri.comAsk Questions