[Summer of API] Let’s start to code

Last month, Restlet and API Evangelist launched a virtual hackaton: Summer of API. The latter is focused on implementing a Web API that aims to build an API project to expose an Open Data set. This lasts all summer so it lets the time to think about a real project, design it properly and finally implement it!

They suggested the following dataset: Open datasets suggestion list. This contains some really cool data to display, for example from NASA.

Ideas and features

Some times ago, I played a lot with the D3 library and its support of TopoJSON. This also to build and display awesome maps and to display datasets on them.

I think that you see me coming. My idea in the context of the hackaton would be to provide a generic online tool to mix maps and data without having to write a single line of code. As a matter of fact, when creating such maps using JavaScript and D3, there are some roundtrips to finalize the display. Such tool would allow (and help) the end user to make this online.

Under the hood, the application will leverage layers of data. So you can pick data up from different sources and aggregate them to display something like in the following picture.

This can be done using a set of layers described below.

Layers could be pure map data, shapes (like polygons, circles, and so on) or processing to fill areas. For the two last ones, properties could be dependent on values of a particular dataset.

This application would be a Single Page Application (SPA) implemented using the JavaScript framework Angular and would interact with a Web API defined and hosted by APISpark. This platform will also host the Web application.

The project

The project is open-source and hosted on Github (https://github.com/templth/geo-open-data-viz).

In addition to the application itself, some stuff will be provided to install the application effortlessly and manage the dataset.

Finally, I will try to give some details about the way to design and implement the application with APISpark!

This entry was posted in Angular, APISpark, Dataviz, Summer of API, Web API. Bookmark the permalink.

2 Responses to [Summer of API] Let’s start to code

  1. Pingback: [Summer of API] Apisparkifying Angular applications | Sandbox for the Web stack

  2. Pingback: Summer of APIs: visualizing Open Data sets | Restlet - We Know About APIs

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s