SkillAgentSearch skills...

VECNIK

[ARCHIVED] Render Vector HTML5 maps using CartoDB and Carto as styling language, on top of Leaflet

Install / Use

/learn @CartoDB/VECNIK
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

⚠️ ARCHIVED - This repository is no longer maintained

This repository has been archived and is no longer actively maintained.

This project was last updated on 2014-08-28 and is preserved for historical reference only.

  • 🔒 Read-only: No new issues, pull requests, or changes will be accepted
  • 📦 No support: This code is provided as-is with no support or updates
  • 🔍 For reference only: You may fork this repository if you wish to continue development

For current CARTO projects and actively maintained repositories, please visit: https://github.com/CartoDB


Venik with OSM London

VECNIK

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!

Examples

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.

Credits

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.

View on GitHub
GitHub Stars113
CategoryDevelopment
Updated2mo ago
Forks23

Languages

JavaScript

Security Score

80/100

Audited on Jan 5, 2026

No findings