ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL

•

31 likes•5,628 views

ViziCities is an open-source 3D city visualisation platform powered by OpenStreetMap, WebGL and many other cutting-edge Web technologies. Think SimCity meets the real world! In this talk, Robin Hawkes, ViziCities' co-creator and Lead Developer will highlight the development issues experienced along the way and show you how he overcame them – ranging from how you tackle the realtime processing of thousands of 3D buildings without locking up the browser, to how you visualise the entire world without needing a server or your own geographic data source.

Technology

ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL

ViziCities is an open-source 3D city visualisation platform powered by open data, WebGL and many other cutting-edge Web technologies. ViziCities not only allows you to explore any city in the world in 3D in your browser, it also lets you overlay data like live transport, crime, pollution, live social data, and weather. Think SimCity meets the real world! In this talk, Robin Hawkes, ViziCities’ founder will introduce you to the project and demonstrate its powerful methods for visualising the complex data locked within our cities.

COLLADA & WebGLRemi Arnaud

TК°Conf. Ещё не поздно учить WebGL. Антон Корзунов.

TKConf

Leaving Flatland: getting started with WebGL

gerbille

Пора учить WebGL

Anton Korzunov

WebGL demos showcaseYukio Andoh

Leaving Flatland: Getting Started with WebGL- SXSW 2012philogb

Web3D - Semantic standards, WebGL, HCIVictor Porof

Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca Virtual Reality development has become very active recently, with the availability of low cost and high quality headsets, motion tracking equipment, and sensors. However, most VR app development is happening natively — users are stuck in the days of needing to download the right binary, trust a third-party that their code isn’t malicious and fix compatibility issues. Developers need to target multiple platforms, thus often ignoring those with fewer users. Instead, wouldn’t it be great if high quality VR content could be delivered through the Web? In this session, Vladimir Vukicevic will address additions to HTML, CSS, and WebGL that Mozilla is experimenting with which allow Web developers to create immersive VR experiences. Everything from pure VR WebGL content to responsive HTML and CSS that can shift from mobile to tablet to desktop to VR will be covered. Additionally, Vladimir will discuss delivering VR video via the Web, as well as how to mix WebGL and CSS content in a true 3D space. OBJECTIVE To show how VR and the Web work together, and the techniques for bringing VR content to the Web. TARGET AUDIENCE Web developers and designers ASSUMED AUDIENCE KNOWLEDGE Some knowledge of at least one of WebGL, CSS 3D Transforms, or modern 3D graphics would be helpful. FIVE THINGS AUDIENCE MEMBERS WILL LEARN An overview of current VR devices, their capabilities and how they can interface with the Web. How to render WebGL content to a VR device. How to create documents using HTML and CSS that can be projected in VR. How to create responsive documents that can shift in and out of VR based on user choice. How WebGL and CSS content can be mixed, providing interactive 3D graphics but with the full power of HTML for non-3D elements.

Developing Web Graphics with WebGL

Tony Parisi

Introduction to computer graphics

Kamal Acharya

Introduction to AngularjsManish Shekhawat

WebGL and Three.js

yomotsu

Talent Revolution Workshop

Mohd Helmi Md Suhaimi

又一個誤聽 GAE 的悲劇

Toomore

Implementasi Perdagangan Bursa, LP3I Cirebon - shared (030515)Centre for Adult Learning and Literacy

Lee Clouse--More Than A Resumejlclouse

Timeline FB 2007-2010

Nur Agustinus

2013 01 24 learning sessions 4 presentation mecajvielman

Dr Anil Khandelwalguestfc8a87

Making the Web Multilingual

Jessica Spengler

HTML5 Technologies for Game Development - Web Directions Code

Robin Hawkes

With Angry Birds, Cut the Rope and other blockbuster games now working in modern web browsers, it’s fair to say native, browser based gaming has arrived for real. But how do they do it? In the session, Mozilla Technical Evangelist Rob Hawkes looks at the features now in your browsers to help develop games (and other interactive web based experiences) including canvas and WebGL, HTML5 Audio, Pointer Lock and the Gamepad API.

040330 Firenze 04 International Cooperation C

Dov Winer

影像紀錄區開發歷程

Toomore

ViziCities - Lessons Learnt Visualising Real-world Cities in 3D

Robin Hawkes

ViziCities is an open-source 3D city visualisation platform powered by JavaScript, WebGL and many other cutting-edge Web technologies. Think SimCity meets the real world! In this talk, Robin Hawkes, ViziCities’ creator will highlight the development issues experienced along the way and show you how he overcame them – ranging from how you tackle the realtime processing of thousands of 3D buildings without locking up the browser, to how you visualise the entire world without needing a server or your own geographic data source.

Calculating building heights using a phone camera

Robin Hawkes

Viewers also liked

The Power of WebGL - Hackeando sua GPU com JavaScript

Raphael Amorim

3D in the Browser via WebGL: It's Go Time

Pascal Rettig

WebGL: GPU acceleration for the open web

pjcozzi

Introduction to WebGL and Three.js

James Williams

Bringing Virtual Reality to the Web: VR, WebGL and CSS – Together At Last!

FITC

Developing Web Graphics with WebGL

Tony Parisi

Introduction to computer graphics

Kamal Acharya

Introduction to AngularjsManish Shekhawat

WebGL and Three.js

yomotsu

Talent Revolution Workshop

Mohd Helmi Md Suhaimi

又一個誤聽 GAE 的悲劇

Toomore

Implementasi Perdagangan Bursa, LP3I Cirebon - shared (030515)Centre for Adult Learning and Literacy

Lee Clouse--More Than A Resumejlclouse

Timeline FB 2007-2010

Nur Agustinus

2013 01 24 learning sessions 4 presentation mecajvielman

Dr Anil Khandelwalguestfc8a87

Making the Web Multilingual

Jessica Spengler

HTML5 Technologies for Game Development - Web Directions Code

Robin Hawkes

040330 Firenze 04 International Cooperation C

Dov Winer

影像紀錄區開發歷程

Toomore

Viewers also liked (20)

The Power of WebGL - Hackeando sua GPU com JavaScript

3D in the Browser via WebGL: It's Go Time

WebGL: GPU acceleration for the open web

Introduction to WebGL and Three.js

Bringing Virtual Reality to the Web: VR, WebGL and CSS – Together At Last!

Developing Web Graphics with WebGL

Introduction to computer graphics

Introduction to Angularjs

WebGL and Three.js

Talent Revolution Workshop

又一個誤聽 GAE 的悲劇

Implementasi Perdagangan Bursa, LP3I Cirebon - shared (030515)

Lee Clouse--More Than A Resume

Timeline FB 2007-2010

2013 01 24 learning sessions 4 presentation meca

Dr Anil Khandelwal

Making the Web Multilingual

HTML5 Technologies for Game Development - Web Directions Code

040330 Firenze 04 International Cooperation C

影像紀錄區開發歷程

More from Robin Hawkes

ViziCities - Lessons Learnt Visualising Real-world Cities in 3D

Robin Hawkes

Calculating building heights using a phone camera

Robin Hawkes

WebVisions – ViziCities: Bringing Cities to Life Using Big Data

Robin Hawkes

Imagine being able to explore any city in the world in 3D in your browser. Now imagine being able to overlay data onto your city - transport, crime, pollution, social data and weather - all live and in real time…and it was open source! In this session Peter and Robin will talk about how they're creating ViziCities, an open-source, 3D visualisation platform, combining cutting-edge web technologies with open data to create beautiful visualisations. If you can’t imagine it…imagine SimCity for real life. We’ll discuss the power that new types of visualisation present for all of us to better see, understand and make decisions in our worlds. We’ll guide you through the technologies we're using, including D3 and WebGL, the design approach we’re using and share some important lessons learnt along the way. By the end, we hope to have inspired you to start experimenting with these technologies to create beautiful visualisations of your own.

Understanding cities using ViziCities and 3D data visualisation

Robin Hawkes

ViziCities is an open-source 3D city visualisation platform powered by OpenStreetMap, WebGL and many other cutting-edge Web technologies. ViziCities not only allows you to explore any city in the world in 3D in your browser, it also lets you overlay data like live transport, crime, pollution, live social data, and weather. Think SimCity meets the real world! In this talk, Robin Hawkes, ViziCities' co-creator and Lead Developer will introduce you to the project and demonstrate its powerful methods for visualising the complex data locked within our cities.

Beautiful Data Visualisation & D3

Robin Hawkes

ViziCities: Making SimCity for the Real World

Robin Hawkes

The State of WebRTC

Robin Hawkes

Bringing Cities to Life Using Big Data & WebGL

Robin Hawkes

Mobile App Development - Pitfalls & HelpersRobin Hawkes

Boot to Gecko – The Web as a PlatformRobin Hawkes

Mozilla Firefox: Present and Future - Fluent JSRobin Hawkes

The State of HTML5 Games - Fluent JSRobin Hawkes

MelbJS - Inside RawketsRobin Hawkes

Melbourne Geek Night - Boot to Gecko – The Web as a PlatformRobin Hawkes

Hacking with B2G – Web Apps and CustomisationRobin Hawkes

MDN Hackday London - Open Web Games with HTML5 & JavaScript

Robin Hawkes

MDN Hackday London - Boot to Gecko: The Future of Mobile

Robin Hawkes

Geek Meet - Boot to Gecko: The Future of Mobile?

Robin Hawkes

HTML5 Games - Not Just for Gamers

Robin Hawkes

NY HTML5 - Game Development with HTML5 & JavaScript

Robin Hawkes

More from Robin Hawkes (20)

ViziCities - Lessons Learnt Visualising Real-world Cities in 3D

Calculating building heights using a phone camera

WebVisions – ViziCities: Bringing Cities to Life Using Big Data

Understanding cities using ViziCities and 3D data visualisation

Beautiful Data Visualisation & D3

ViziCities: Making SimCity for the Real World

The State of WebRTC

Bringing Cities to Life Using Big Data & WebGL

Mobile App Development - Pitfalls & Helpers

Boot to Gecko – The Web as a Platform

Mozilla Firefox: Present and Future - Fluent JS

The State of HTML5 Games - Fluent JS

MelbJS - Inside Rawkets

Melbourne Geek Night - Boot to Gecko – The Web as a Platform

Hacking with B2G – Web Apps and Customisation

MDN Hackday London - Open Web Games with HTML5 & JavaScript

MDN Hackday London - Boot to Gecko: The Future of Mobile

Geek Meet - Boot to Gecko: The Future of Mobile?

HTML5 Games - Not Just for Gamers

NY HTML5 - Game Development with HTML5 & JavaScript

Recently uploaded

ODC, Data Fabric and Architecture User Group

CatarinaPereira64715

UiPath Test Automation using UiPath Test Suite series, part 4

DianaGray10

Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap. The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies. Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques What will you get from this session? 1. Insights into SAP testing best practices 2. Heatmap utilization for testing 3. Optimization of testing processes 4. Demo Topics covered: Execution from the test manager Orchestrator execution result Defect reporting SAP heatmap example with demo Speaker: Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf

FIDO Alliance

FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf

FIDO Alliance

Accelerate your Kubernetes clusters with Varnish Caching

Thijs Feryn

The Future of Platform Engineering

Jemma Hussein Allen

Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...

Ramesh Iyer

In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.

Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...

Thierry Lestable

DevOps and Testing slides at DASA Connect

Kari Kakkonen

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...

Sri Ambati

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

DanBrown980551

Do you want to learn how to model and simulate an electrical network from scratch in under an hour? Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)! During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook. PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides: - A fully editable and extendable library for grid component modelling; - Visualization tools to display your network; - Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses; The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well. What you will learn during the webinar: - For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills; - For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

James Anderson

Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management. The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM). Speakers: Bob Boule Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle. Gopinath Rebala Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.

PHP Frameworks: I want to break free (IPC Berlin 2024)

Ralf Eggert

In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development. This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.

JMeter webinar - integration with InfluxDB and Grafana

RTTS

Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application. In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics. Length: 30 minutes Session Overview ------------------------------------------- During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana: - What out-of-the-box solutions are available for real-time monitoring JMeter tests? - What are the benefits of integrating InfluxDB and Grafana into the load testing stack? - Which features are provided by Grafana? - Demonstration of InfluxDB and Grafana using a practice web application To view the webinar recording, go to: https://www.rttsweb.com/jmeter-integration-webinar

"Impact of front-end architecture on development cost", Viktor Turskyi

Fwdays

I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.

How world-class product teams are winning in the AI era by CEO and Founder, P...

Product School

IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx

Abida Shariff

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf

91mobiles

Bits & Pixels using AI for Good.........

Alison B. Lowndes

Leading Change strategies and insights for effective change management pdf 1.pdf

OnBoard

Recently uploaded (20)

ODC, Data Fabric and Architecture User Group

UiPath Test Automation using UiPath Test Suite series, part 4

FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf

FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf

Accelerate your Kubernetes clusters with Varnish Caching

The Future of Platform Engineering

Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...

Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...

DevOps and Testing slides at DASA Connect

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...

LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

PHP Frameworks: I want to break free (IPC Berlin 2024)

JMeter webinar - integration with InfluxDB and Grafana

"Impact of front-end architecture on development cost", Viktor Turskyi

How world-class product teams are winning in the AI era by CEO and Founder, P...

IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx

Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf

Bits & Pixels using AI for Good.........

Leading Change strategies and insights for effective change management pdf 1.pdf

ViziCities: Creating Real-World Cities in 3D using OpenStreetMap and WebGL

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

More from Robin Hawkes

More from Robin Hawkes (20)

Recently uploaded

Recently uploaded (20)