Coder Social home page Coder Social logo

pnavarrc / workshop-d3-maps Goto Github PK

View Code? Open in Web Editor NEW
5.0 2.0 0.0 4.77 MB

Workshop Creating Interactive Maps with D3.js — The Graphical Web 2015

Home Page: http://pnavarrc.github.io/workshop-d3-maps/

License: MIT License

HTML 38.85% CSS 61.15%
d3-workshop geojson d3 d3-geo visualization maps mapping

workshop-d3-maps's Introduction

Creating Interactive Maps with D3

Workshop The Graphical Web 2015 — Pittsburgh, Pennsylvania, USA

Creating Interactive Maps with D3

Pittsburgh

Pittsburgh, PA tiles from Stamen Design

Overview

One of the most interesting applications of D3 is creating interactive, map-based data visualizations. In this workshop, you’ll learn how to obtain, transform, and manipulate geographical data with D3 by creating two applications: an interactive map-based visualization and a star map.

Alongside Pablo Navarro Castillo (author of the book Mastering D3.js), you’ll learn the GeoJSON and TopoJSON formats and understand how to use geographic data to create maps. You will review the most common geographic projections and will explore how to create and style SVG maps with D3.

  • Getting and transforming geographical data
  • Understanding GeoJSON and TopoJSON formats
  • Using map projections
  • Creating a simple map
  • Zooming and rotating
  • Creating a star map

This workshop is intended for beginners to D3 with basic understanding of HTML, CSS, and some programming experience (JavaScript or otherwise). Participants are required to bring a computer with a code editor installed (Sublime Text), a modern web browser (Chrome, Safari or Firefox), and (optional) a static web server.

License

MIT

Release 0.1.7

workshop-d3-maps's People

Contributors

pnavarrc avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 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.