269 lines
8.8 KiB
JSON
269 lines
8.8 KiB
JSON
{
|
|
"main": {
|
|
"file": {
|
|
"leaflet": "public/layers/change-order-leaflet.html",
|
|
"gmaps": "public/layers/change-order-gmaps.html"
|
|
}
|
|
},
|
|
"categories": [
|
|
{
|
|
"title": "Basics",
|
|
"samples": [
|
|
{
|
|
"title": "Add a layer",
|
|
"desc": "Add one CARTO layer to your map",
|
|
"file": {
|
|
"leaflet": "public/layers/single-layer-leaflet.html",
|
|
"gmaps": "public/layers/single-layer-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Add more layers",
|
|
"desc": "Add multiple CARTO layers to your map",
|
|
"file": {
|
|
"leaflet": "public/layers/multilayer-leaflet.html",
|
|
"gmaps": "public/layers/multilayer-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Change the source",
|
|
"desc": "Update the source of your layers",
|
|
"file": {
|
|
"leaflet": "public/layers/change-source-leaflet.html",
|
|
"gmaps": "public/layers/change-source-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Change the style",
|
|
"desc": "Update the style of your layers",
|
|
"file": {
|
|
"leaflet": "public/layers/change-style-leaflet.html",
|
|
"gmaps": "public/layers/change-style-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Move the layers",
|
|
"desc": "Update the order of your layers",
|
|
"file": {
|
|
"leaflet": "public/layers/change-order-leaflet.html",
|
|
"gmaps": "public/layers/change-order-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Server tile aggregation",
|
|
"desc": "Apply smart backend aggregation",
|
|
"file": {
|
|
"leaflet": "public/layers/layer-with-aggregation-leaflet.html",
|
|
"gmaps": "public/layers/layer-with-aggregation-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Server tile aggregation with cluster of points",
|
|
"desc": "Apply smart backend aggregation to create a cluster of points",
|
|
"file": {
|
|
"leaflet": "public/layers/layer-with-aggregation-cluster-leaflet.html",
|
|
"gmaps": "public/layers/layer-with-aggregation-cluster-gmaps.html"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"title": "Interactivity",
|
|
"samples": [
|
|
{
|
|
"title": "Detect feature click",
|
|
"desc": "Interact with the features on the click event",
|
|
"file": {
|
|
"leaflet": "public/layers/feature-click-leaflet.html",
|
|
"gmaps": "public/layers/feature-click-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Detect feature over/out",
|
|
"desc": "Interact with the features on the over/out events",
|
|
"file": {
|
|
"leaflet": "public/layers/feature-over-out-leaflet.html",
|
|
"gmaps": "public/layers/feature-over-out-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Change the feature columns",
|
|
"desc": "Change the columns returned in the feature event",
|
|
"file": {
|
|
"leaflet": "public/layers/change-feature-columns-leaflet.html",
|
|
"gmaps": "public/layers/change-feature-columns-gmaps.html"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"title": "Widgets",
|
|
"samples": [
|
|
{
|
|
"title": "Formula widget",
|
|
"desc": "Create a widget with the formula dataview",
|
|
"file": "public/dataviews/formula.html"
|
|
},
|
|
{
|
|
"title": "Category widget",
|
|
"desc": "Create a widget with the category dataview",
|
|
"file": "public/dataviews/category.html"
|
|
},
|
|
{
|
|
"title": "Histogram widget",
|
|
"desc": "Create a widget with the histogram dataview",
|
|
"file": "public/dataviews/histogram.html"
|
|
},
|
|
{
|
|
"title": "Time Series widget",
|
|
"desc": "Create a widget with the time series dataview",
|
|
"file": "public/dataviews/time-series.html"
|
|
},
|
|
{
|
|
"title": "Bounding Box filter",
|
|
"desc": "Apply a map bounding box filter to the widgets",
|
|
"file": {
|
|
"leaflet": "public/filters/bounding-box-leaflet.html",
|
|
"gmaps": "public/filters/bounding-box-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Circle filter",
|
|
"desc": "Apply a circle filter to the widgets",
|
|
"file": "public/filters/circle-filter.html"
|
|
},
|
|
{
|
|
"title": "Polygon filter",
|
|
"desc": "Apply a polygon filter to the widgets",
|
|
"file": "public/filters/polygon-filter.html"
|
|
},
|
|
{
|
|
"title": "Status and error handling",
|
|
"desc": "Manage the status and erros in dataviews",
|
|
"file": "public/dataviews/error-handling.html"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"title": "Filters",
|
|
"samples": [
|
|
{
|
|
"title": "Category Filter",
|
|
"desc": "Create a Category filter with checkbox selectors",
|
|
"file": "public/filters/category-filter.html"
|
|
},
|
|
{
|
|
"title": "Range Filter",
|
|
"desc": "Create a Range filter with a range slider",
|
|
"file": "public/filters/range-filter.html"
|
|
},
|
|
{
|
|
"title": "AND Filter",
|
|
"desc": "Apply an AND filter to combine multiple filters",
|
|
"file": "public/filters/and-filter.html"
|
|
},
|
|
{
|
|
"title": "Complex Filter",
|
|
"desc": "Apply several combined filters to a dataset",
|
|
"file": "public/filters/complex-filter.html"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"title": "Misc",
|
|
"samples": [
|
|
{
|
|
"title": "Guide",
|
|
"desc": "Full reference guide example",
|
|
"file": {
|
|
"leaflet": "public/misc/guide-leaflet.html",
|
|
"gmaps": "public/misc/guide-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Pop-Ups",
|
|
"desc": "Create pop-up information windows and interact with your map",
|
|
"file": {
|
|
"leaflet": "public/misc/popups-leaflet.html",
|
|
"gmaps": "public/misc/popups-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Pop-Ups with embed videos",
|
|
"desc": "Create pop-up information windows with embed videos.",
|
|
"file": {
|
|
"leaflet": "public/misc/popups-video-leaflet.html",
|
|
"gmaps": "public/misc/popups-video-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Legends",
|
|
"desc": "Create dynamic legends",
|
|
"file": {
|
|
"leaflet": "public/misc/legends-leaflet.html",
|
|
"gmaps": "public/misc/legends-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Most/less populated places",
|
|
"desc": "Filter the 20 most/less populated places in the world",
|
|
"file": {
|
|
"leaflet": "public/misc/populated-places-leaflet.html",
|
|
"gmaps": "public/misc/populated-places-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Edit SQL & CartoCSS",
|
|
"desc": "Edit manually the SQL query and the CartoCSS style",
|
|
"file": {
|
|
"leaflet": "public/misc/edit-sql-cartocss-leaflet.html",
|
|
"gmaps": "public/misc/edit-sql-cartocss-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Error handling",
|
|
"desc": "Handle common errors in maps",
|
|
"file": {
|
|
"leaflet": "public/misc/error-handling-leaflet.html",
|
|
"gmaps": "public/misc/error-handling-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Hexagon aggregation",
|
|
"desc": "Aggregate point data into hexagon grid",
|
|
"file": {
|
|
"leaflet": "public/misc/hexagon-aggregation-leaflet.html",
|
|
"gmaps": "public/misc/hexagon-aggregation-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Filter data using drawing tools",
|
|
"desc": "Filter data based on a drawn circle",
|
|
"file": {
|
|
"leaflet": "public/misc/filter-data-map-leaflet.html",
|
|
"gmaps": "public/misc/filter-data-map-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Dropdown menu with data from CARTO dataset",
|
|
"desc": "Look for data within your dataset using dropdown menu.",
|
|
"file": {
|
|
"leaflet": "public/misc/custom-search-dataset-leaflet.html",
|
|
"gmaps": "public/misc/custom-search-dataset-gmaps.html"
|
|
}
|
|
},
|
|
{
|
|
"title": "Storymap using CARTO.js and Storymap.js",
|
|
"desc": "Create a storytelling map using Storymap.js",
|
|
"file": "public/misc/storymap-leaflet.html"
|
|
},
|
|
{
|
|
"title": "Pie Chart Widget using CARTO.js and Vega-Lite",
|
|
"desc": "Create a map with a pie chart using Vega Lite and CARTO.js category dataviews.",
|
|
"file": "public/misc/piechart-vega.html"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|