Render Vector HTML5 maps using CartoDB and Carto as styling language, on top of Leaflet
JavaScript CSS
Failed to load latest commit information.
examples added example using OSM tiles May 17, 2013
img be able to set a custom renderer Apr 1, 2012
js added example using OSM tiles May 17, 2013
src wip Jan 18, 2013
test added zoom Dec 17, 2012
tools added tile sql tool Apr 2, 2012
.gitignore new image Mar 29, 2012
test.html wip Jan 18, 2013

Venik with OSM London


Veknik is a JS library that render features from CartoDB using HTML5 on top of Modestmaps. It includes an implementation of the Carto language for dynamically styling features using its CSS language.

This is a prototype implementation to showcase the use of Carto for rendering maps on the client, not on the server. The library retrieves vector data from CartoDB using the SQL API on geojson format.

Warning: This is all experimental!


Check out this online examples for OpenStreetMap data:

London roads from OpenStreetmap

Police stops in NY NYC districts

How to run it

Download the project. It is all JS for the client, but you will need to run it from an http server, file:// would fail. It can make use of Webworkers to speed up rendering and parsing, but it is now disabled because of problems on Google Chrome.

What is this interesting for?

Having the browser render the style of the geospatial data allows for a new world of possibilities in terms of interactivity and display. Think for example you can animate render based on attributes without having to reload new tiles. At the same time the geometries are on the browser which enables things like hover over features, highlights, modifications. More examples will come to demonstrate the power of using Carto on the client.


This project is only possible because of lot of other people releasing their source code as Open Source, particularly the Mapbox team who did a great work on Carto.