Vishful thinking…

A Wind power prototype – using Google maps, Google charts and ExtJS

Posted in Uncategorized by viswaug on June 1, 2008

U.S.INSTALLED WIND CAPACITY EXPLORER

I just finished up the above prototype application that displays the installed wind power capacity by state in the US over the years. The application is built on top of the ExtJS JavaScript framework to provide layout functionality with collapsible left and bottom panels. I was going for a close-to-ArcMAP kind of look for the application. So, the left-side panels contains the legend information and some related links on another sub-tab. The attribute table data appears in a grid that is docked to the bottom. The grid allows the user to sort and hide columns as required. Both the left and the bottom panels can be completely collapsed to allow for maximum screen real-estate for the map. The possibilities with the ExtJS framework can be much more powerful and even more user-friendly.

Wind1

Google maps provides the mapping for the prototype. The state polygons are overlayed on the maps and are symboloized based on the year selected by the user and the installed MW capacity for the selected state. The user can also click on a state on the map or on the grid to see a bar chart (generated by Google charts) that displays the year over year growth in the installed MW capacity for the selected state. The current year’s value is highlighted in red on the bar chart.

Wind2

The state polygon and the attribute data is delivered by the server in a GeoJSON format making it easy to interpret. Please take a look at the GeoJSON.NET library if you are interested in generating GeoJSON yourselves. I will also soon be posting about a GIS data framework that I have been working on and that will make generating GeoJSON even easier for various other data formats like FeatureClasses and SQL Server 2008 spatial.

Over all the development of the prototype was pretty smooth. The task that took some time was the reducing the state boundaries shapefile from National Atlas into shapes with a reasonable number of points so that it can be displayed in Google maps without too much of a performance hit (to download and to draw) and still looks good in a cartographer’s eyes. I tried ESRI’s “Generalize” tool on the state shapes, only for it to pop-up a message box saying that the geometry is empty. SQL Server 2008’s “Reduce” function also didn’t get the job done on the shapes. I tried MapShaper.org‘s map reduction functionality and it got the job done on the shapefile. But not everyone was happy with the cartographic quality of the generated shapes. Finally, one of my colleague took the pains to edit the polygons manually to get a better cartographic prototype (kudos for Chris French for doing that).

I also hope to posting about “Google Maps vs VirtualEarth” from purely a developer’s perspective pretty soon.

3 Responses

Subscribe to comments with RSS.

  1. Simon said, on June 13, 2008 at 8:22 am

    Very impressive and inspirational site.
    Ive had problems with ESRIs generalise quite a few times.
    If you have access to ArcView 3.2, their is a simplify/generalise script available from ArcScripts that has worked without fail for me.
    Another alternative is to use ET GeoWizards.

    Keep up the good work.

  2. Jonathan said, on February 5, 2010 at 1:08 am

    As of today the web application link is broken, is it still online? Would be great to show-off what devs are doing with these rich AJAX frameworks and tools.

    • viswaug said, on February 6, 2010 at 3:56 am

      Hi Jonathan,

      Yeah, sorry about that. That m/c the site was on was de-commed by our IT dept. I will stand up another demo of it and send you a link pretty soon.

      Thank You,
      Vish


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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

%d bloggers like this: