Skip to content
[template] Map application - Visualize geo clustering & heatmaps
Welcome ...
Map Visualization App
Map Mechanics
How to... in Coda
Definitions
More
Share
Explore
Definitions

icon picker
Def::Tables

def:Maps
0
Maps
1
US
2
World
There are no rows in this table
2
Count
⁠
def:MapType
0
Display
1
Grouping
2
Data
There are no rows in this table
2
Count
⁠
def:Levels
0
Display
1
1. Beginner
2
2. Intermediate
3
3. Advanced
There are no rows in this table
3
Count
⁠
SVG_Templates
0
Display value
Input Reqs
Raw SVG
1
SVG root
1=SVGBody 2=SVG width 3=SVG height 4=Transform
<!-- SVG TEMPLATE - ROOT -->
<svg width="{2}" height="{3}"
{4}
xmlns="http://www.w3.org/2000/svg">
<rect width="{2}" height="{3}" fill="white" />
{1} <!-- SVG BODY -->
</svg>
2
Geo Shape
1=stroke width 2=stroke color 3=Path coordinates 4=Shape Text 5=Text X 6= Text Y 7=Additional SVG add-ons 8=fill color 9=Text color 10=Shape Transform 11=Label SVG 12=label visibility 13= geo font size 14= Text transform modifier 15=Label rectangle fill color
<!-- SVG TEMPLATE - GEO SHAPE and LABEL -->
<g id="{4}" transform="{10}">
<!-- GEO SHAPE PATH -->
<g>
<path stroke-width="{1}" stroke="{2}" fill="{8}"
{3} />
{7}
</g>

<!-- LABEL -->
<g visibility="{12}">
{11} <!-- LABEL SVG UPDATES -->
<text style="font-size:{13}px;
fill:{9};fill-opacity:1;stroke:none;
font-family:Trebuchet MS, Helvetica, sans-serif;
text-align:center;letter-spacing:-0.01px;text-anchor:middle"
{14}
x="{5}" y="{6}">
{4} <!-- LABEL TEXT -->
</text>
</g>
</g>
3
Infobox_template
1=Compiled content 2=Translate X 3=Translate Y 4=Rect width 5=Rect height 6=Fill color 7=X buffer 8=Y buffer
<!-- SVG TEMPLATE - INFOBOX -->
<g transform="translate({2}, {3})">
<rect width="{4}" height="{5}" fill="{6}"
rx="8" stroke="black" stroke-width="0"/>
<g transform="translate({7}, {8})">
{1}
</g>
</g>
4
Content_Timeline
1=Compiled content 2=line X1 3=line X2 4=line Y 5=Line color
<!-- SVG TEMPLATE - CONTENT TIMELINE -->
<line x1="{2}" x2="{3}" y1="{4}" y2="{4}"
stroke="{5}" stroke-width="4px">
</line>
{1} <!-- COMPILED TIMELINE SVG CONTENT -->
5
Content_Data_Legend
1=Add Rect SVG 2=Key Low 3=Key High
<!-- SVG TEMPLATE - CONTENT DATA LEGEND -->

{1}

<!-- TEXT: KEY -->
<text font-size="1em" alignment-baseline="left" text-anchor="left" style="fill:black; font-family:Trebuchet MS, Helvetica, sans-serif" transform="translate(-35, 18)">Key:</text>

<!-- TEXT - LOW VALUE -->
<text font-size="0.8em" alignment-baseline="left" text-anchor="left" style="fill:black; font-family:Trebuchet MS, Helvetica, sans-serif" transform="translate(10, 18)">
{2} </text>

<!-- TEXT - HIGH VALUE -->
<text font-size="0.8em" alignment-baseline="right" text-anchor="right" style="fill:white; font-family:Trebuchet MS, Helvetica, sans-serif" transform="translate(250, 18)">
{3} </text>
6
Timeline_Milestone
1=Text 2=Translate X 3=Translate Y 4=cX - circle 5=cY - circle 6=radius 7=fill 8=Date Text
<!-- SVG TEMPLATE - TIMELINE MILESTONE -->
<g transform="translate({2}, {3})">
<text height="5px" width="5px" font-size="12px"
alignment-baseline="left" text-anchor="left"
style="font-family:Trebuchet MS, Helvetica, sans-serif"
transform="translate(15,-10) rotate(-45)">
{1}
</text>

<circle cx="{4}" cy="{5}" r="{6}" fill="{7}"></circle>

<text font-size="0.8em" alignment-baseline="middle"
style="font-family:Trebuchet MS, Helvetica, sans-serif"
text-anchor="middle" transform="translate(15, 40)">
{8}
</text>
</g>
7
Solid line
1=X1 2=X2 3=Y1 4=Y2 5=stroke 6=stroke-width
<!-- SVG TEMPLATE- SOLID LINE -->
<line x1="{1}" x2="{2}" y1="{3}" y2="{4}" stroke="{5}" stroke-width="{6}"></line>
8
General Text
1=X 2=Y 3=font-size 4=Text
<!-- SVG TEMPLATE- GENERAL TEXT -->
<text x="{1}" y="{2}" font-size="{3}"
alignment-baseline="middle" text-anchor="middle"
style="font-family:Trebuchet MS, Helvetica, sans-serif">
{4} </text>
9
Data circle
1=x 2=y 3=radius 4=fill color 5=opacity 6=transform
<!-- SVG TEMPLATE- DATA CIRCLE -->
<circle cx="{1}" cy="{2}" r="{3}" fill="{4}" fill-opacity="{5}"
stroke="black" stroke-width="0" transform="{6}" />
10
Rectangle
1=X 2=Y 3=width 4=height 5=fill color
<!-- SVG TEMPLATE - RECTANGLE -->
<rect x="{1}" y="{2}" width="{3}" height="{4}" fill="{5}" />
11
world_label_correction_transform
​
transform="scale(1.0065174,0.99352481)"
There are no rows in this table
⁠

def:Maps
def:MapType
def:Levels
SVG_Templates
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.