Note:
all playground has no third party css style, only plain HTML for easy inherit css style from your existing parent website.
Simple Design is beauty
This playground has fixed screen size (width1200px height 800px). It will fit into any of your existing website
The reason I don't preserve Original symbology from arcgis pro
is because Original symbology has too much color and shape result in a mess in the point view from public user.
For Original symbology preserved from arcgis pro check out other model number not list here.
Therefore, I removed all color symbology, removed all legend. All project, no matter its type, original funding, they are all present as yellow line or yellow square for point.
In public user's point of view, as long as they see yellow things, it is a funding project, regardless it is a line or point or funding type
Playground 1
Caltrans all projects lines only show millions of dollars on top when you hover or click, only show project description at bottom
https://transparentgov.net/json2tree/datahub.io/caltrans/featurelayer.html?backgroundlayerurl=https%3A%2F%2Fcaltrans-gis.dot.ca.gov%2Farcgis%2Frest%2Fservices%2FSB1%2FBuildingCA_Projects%2FMapServer%2F1&_center_lat=40.18202309350921&_center_long=-119.73678796025737&_center_zoom=8&panto=0&clickorhover=hover&layer=Project_Line
Interactive map, click it
Caltrans all projects Points only show millions of dollars on top when you hover or click, only show project description at bottom
https://transparentgov.net/json2tree/datahub.io/caltrans/featurelayer.html?backgroundlayerurl=https%3A%2F%2Fcaltrans-gis.dot.ca.gov%2Farcgis%2Frest%2Fservices%2FSB1%2FBuildingCA_Projects%2FMapServer%2F0&_center_lat=40.18202309350921&_center_long=-119.73678796025737&_center_zoom=8&panto=0&clickorhover=hover&layer=Project_Point
Interactive map, click it