2d:null 2e:["$","title",null,{"children":"iXMaps: GBFS - Verona Bike | gjrichter | Observable"}] 33:[] 31:{"id":"b8c14ab9dbc07032","slug":"ixmaps-gbfs-verona-bike","title":"iXMaps: GBFS - Verona Bike","thumbnail":"f4f8b50eb0a356e3b9c4911cb55810d9f1d9366ab4a2c2bf89b42b0a228b6519","access_level":"public","create_time":"$D2021-05-29T15:58:20.919Z","update_time":"$D2022-12-07T23:37:30.634Z","view_time":null,"first_public_time":"$D2022-03-23T15:56:51.479Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"ab0359f3bbecf78a","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":"starter_2024"},"version":193,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"921009d8ff1c586f","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":null}],"members":[{"type":"individual","id":"921009d8ff1c586f","login":"gjrichter","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1dd94096da79a76babfe37a3431edc30377043a898592a3437e913920b189ed3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"iXMaps: GBFS - Verona Bike","cells":[{"id":0,"value":"# iXMaps: GBFS - Verona Bike","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"{\n let div = html`

`;\n yield div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"md`With the above we create an **iframe** with an empty **ixmaps map template**` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"md`There is a [GitHub hosted version](https://gjrichter.github.io/ixmaps/ui/dispatch.htm?name=map1&ui=embed&basemap=ll&align=right&legend=1&scrollsafe=1&footer=1&sync=false&project=https://raw.githubusercontent.com/gjrichter/viz/master/COVID-19/projects/COVID-19-Vaccini_final/ixmaps_project_Vaccini_latest_percentuale_nuts.json) of this map where all steps are included into one JSON project definition.

In the following we prepare the visualizzation project step by step using the facilities of Observable:

` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"md`## - *the stations*

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"station_information_raw = d3.json(\"https://gbfs.urbansharing.com/verona-bike/station_information.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"station_information = station_information_raw.data.stations","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"Inputs.Table(station_information)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"md`##
* - the station status*

\n\n` \n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"station_status_raw = d3.json(\"https://gbfs.urbansharing.com/verona-bike/station_status.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"station_status = station_status_raw.data.stations","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"Inputs.Table(station_status)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"md`###
*- the viz*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"theme1 = () => {\n return {\n layer: \"Station\",\n field: \"$item$\",\n field100: \"\",\n style: {\n type: \"FEATURES|NOLEGEND\",\n colorscheme: [\"5\", \"white\", \"blue\"],\n shadow: \"false\",\n dbtable: \"station_info\",\n itemfield: \"station_id\",\n lookupfield: \"lat|lon\",\n child: \"true\",\n units: \"\",\n refreshtimeout: \"0\",\n scale: \"1\",\n valuescale: \"1\",\n title: \"Stations\",\n splash:\n \"loading and aggregating data ...
this may rakle a bit ...
please give me some time ...\"\n }\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"last_updated = () => {\n// get the actual date and set as theme title (->legend)\n ixmaps.bikeUTC = station_status_raw.last_updated;\n var d = new Date(ixmaps.bikeUTC*1000);\n return \"

\"+d.toLocaleString().split(\"GMT\")[0].replace(\",\",\"\")+\"

\";\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"theme2 = () => {\n return {\n layer: \"Station\",\n field: \"num_bikes_available|num_docks_available\",\n field100: \"\",\n style: {\n type: \"GAUGE|CENTERVALUES|CHART|SYMBOL|SEQUENCE|CENTER|RINGS|LINEAR|SIZE|FAST|SUM\",\n colorscheme: [\"RGB(57,162,225)\", \"none\"],\n fillopacity: \"0.7\",\n shadow: \"false\",\n dbtable: \"station_stat\",\n lookupfield: \"station_id\",\n showdata: \"true\",\n child: \"true\",\n symbols: [\"circle\"],\n label: [\"bikes\", \"empty docks\"],\n units: \"\",\n scale: \"2\",\n linecolor: [\"#39A2E1\"],\n linewidth: \"5\",\n valuescale: \"1\",\n fadenegative: \"1\",\n title: last_updated(),\n snippet: \"

Citi Bike - Station Status

\",\n splash:\n \"loading and aggregating data ...
this may take a bit ...
please give me some time ...\"\n }\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"project = () => {\n return {\n $schema: \"https://gjrichter.github.io/ixmaps/schema/ixmaps/v1.json\",\n map: {\n map: \"../../maps/svg/maps/generic/mercator.svg\",\n attribution: \"iXMaps\",\n basemap: \"CartoDB - Positron\",\n legend: \"\",\n item: \"\",\n scaleParam: {\n normalSizeScale: \"5000\"\n },\n options: {\n objectscaling: \"dynamic\",\n panhidden: \"false\"\n },\n center: {\n lat: \"45.432852486932745\",\n lng: \"11.018686294555666\"\n },\n zoom: \"13\"\n },\n themes: [theme1(), theme2()]\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"{\n ixmaps.waitForMap(\"map1\", (map) => {\n map.setData(station_information, { type: \"json\", name: \"station_info\" });\n map.setData(station_status, { type: \"json\", name: \"station_stat\" });\n map.require(\"../../ui/js/tools/tooltip_basic.js\");\n map.loadProject(project());\n });\n return project();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"md`# Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"ixmaps = require('https://gjrichter.github.io/ixmaps/ui/js/htmlgui_api.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"Inputs = require(\"@observablehq/inputs@0.7.21/dist/inputs.umd.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"Data = require('https://gjrichter.github.io/data.js/data.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"