Rachel Zack rayrayzayzay
rayrayzayzay
/ Function that translates to the equivalent MapLibre expression
Created
February 21, 2023 21:38
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { "exp", base, [[stop_1, value_1],...[stop_n, value_n]] } |
rayrayzayzay
/ Example from our Line visualization
Created
February 21, 2023 21:36
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const paintProperties: MapLibreStyleProperty[] = [ | |
| { styleName: "line-color", fslName: "color" }, | |
| { styleName: "line-opacity", fslName: "opacity" }, | |
| { styleName: "line-dasharray", fslName: "dashArray" }, | |
| { styleName: "line-width", fslName: "width" }, | |
| ]; | |
| const layoutProperties: MapLibreStyleProperty[] = [ | |
| { styleName: "line-join", fslName: "lineJoin" }, | |
| { styleName: "line-cap", fslName: "lineCap" }, |
rayrayzayzay
/ Style for Map of India's Rivers - Size and Opacity Adjusted
Last active
January 31, 2023 22:54
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "visualizations": [ | |
| { | |
| "type": "numeric", | |
| "config": { | |
| "numericAttribute": "strahler_order" | |
| "steps": [1, 8], | |
| }, | |
| "style": { | |
| "size": [1, 4], | |
| "opacity": [0.4, 1], |
rayrayzayzay
/ Style for Map of India's Rivers
Last active
January 31, 2023 22:53
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "visualizations": [ | |
| { | |
| "type": "numeric", | |
| "config": { | |
| "numericAttribute": "strahler_order" | |
| "steps": [1, 8], | |
| }, | |
| "style": { | |
| "size": [1, 4], | |
| "color": ["#4b5899", "#2cbaa8", "#e8e873"], |
rayrayzayzay
/ Style for Map of Mass Shootings in the US
Last active
January 31, 2023 22:53
Style for Map of Mass Shootings in the US
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "visualizations": [ | |
| { | |
| "type": "numeric", | |
| "config": { | |
| "labelAttribute": ["fatalities"], | |
| "numericAttribute": "fatalities", | |
| "steps": [3, 21] | |
| }, | |
| "style": { | |
| "size": [10, 50], |
rayrayzayzay
/ Size-by-value: Lines
Created
January 30, 2023 22:41
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "visualizations": [ | |
| { | |
| "type": "numeric", | |
| "config": { | |
| "numericAttribute": "AWDT", | |
| "steps": [400, 98700] | |
| }, | |
| "style": { | |
| "size": [1, 18], | |
| "color": "hsl(3, 62%, 43%)", |
rayrayzayzay
/ Size-by-value: Points
Last active
January 30, 2023 22:42
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "visualizations": [ | |
| { | |
| "type": "numeric", | |
| "config": { | |
| "numericAttribute": "tonnes", | |
| "steps": [33000, 2344684] | |
| }, | |
| "style": { | |
| "size": [5, 48], | |
| "color": "hsl(47, 67%, 50%)", |
rayrayzayzay
/ Color Interpolation
Last active
January 31, 2023 22:52
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "visualizations": [ | |
| { | |
| "type": "numeric", | |
| "config": { | |
| "numericAttribute": "contour", | |
| "steps": [100, 13700] | |
| }, | |
| "style": { | |
| "color": ["#4b5899", "#2cbaa8", "#e8e873"], | |
| "size": 2.5, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "visualizations": [ | |
| { | |
| "dataset": "406862c2-0e38-46e3-87de-15ac79316396", | |
| "type": "numeric", | |
| "config": { | |
| "numericAttribute": "capacity_percent", | |
| "steps": [29, 44, 61, 73, 84] | |
| }, | |
| "style": { | |
| "size": [5, 15, 20, 25], |
rayrayzayzay
/ UI Delight 3
Created
January 5, 2023 20:58
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function makeCursorUrl( | |
| base64svg: string, | |
| size: number, | |
| fallback = "auto" | |
| ): string { | |
| const centre = size / 2; | |
| return `url(${base64svg}) | |
| ${centre} ${centre}, ${fallback}`; | |
| } |