Home

==> This is now covered by use cases page

---

vecnik use cases

points

https://viz2.cartodb.com/viz/fa3a62aa-ed63-11e3-a243-0e10bcd91c2b/map

lines

https://viz2.cartodb.com/viz/78c9ecce-ed61-11e3-b81e-0e73339ffa50/map

lines with complex style

https://viz2.cartodb.com/viz/f5d3ea30-ed61-11e3-ba3c-0e230854a1cb/map

• tasks: layer.filter({ cartodb_id: 80714 }).style('line-width': 10); layer.filter({ highway: 'motorway' }).fadeOut();

bubble map

https://viz2.cartodb.com/viz/f174c730-ed60-11e3-8ff3-0edbca4b5057/map

• task to perform:

  • on hover

        layer.on('mouseover', function() {
            this.animate().scale(3) // bubble size * 3
        })

        layer.on('mouseout', function() {
            this.animate().scale(1) // original size
        })

- filtering

        layer.filter({ region: 150 }).fadeOut()

medium polygon with category map

the thing with this dataset is that russia polygon is inside a lot of tiles https://viz2.cartodb.com/viz/8c50f6d0-ed60-11e3-abe6-0e230854a1cb/map

huge polygons chrolopleth

https://viz2.cartodb.com/viz/3fb1361a-ed5f-11e3-abe6-0e230854a1cb/map

• tasks to perform:

  • show/hide part of the polygons:

    layer.filter(function(f) { f.aland10 < 17397316751 }).fadeOut()

  • polygon outline highlight on hover

  • change style: layer.filter(function(f) { f.aland10 < 17397316751 }).animate().style('polygon-fill', #333); //animate from current color to #333