30:[] 2e:{"title":"Proportional symbols","cells":[{"id":0,"value":"# Proportional symbols","pinned":false,"hidden":false,"mode":"md"},{"id":7,"value":"disclaimer","pinned":false,"hidden":false,"mode":"ojs"},{"id":413,"value":"## type = \"prop\"","pinned":false,"hidden":false,"mode":"md"},{"id":161,"value":"The function plot.prop() allows you to simply draw a map with **prop**ortional symbols. See the [documentation](https://riatelab.github.io/geoviz/global.html#plot/prop).","pinned":false,"hidden":false,"mode":"md"},{"id":165,"value":"~~~js\nviz.plot({type = \"prop\", data = *a geoJSON*, var = *a field*})\n~~~","pinned":false,"hidden":false,"mode":"md"},{"id":418,"value":"Or","pinned":false,"hidden":false,"mode":"md"},{"id":420,"value":"~~~js\nviz.prop({data = *a geoJSON*, var = *a field*})\n~~~","pinned":false,"hidden":false,"mode":"md"},{"id":167,"value":"For example:","pinned":false,"hidden":false,"mode":"md"},{"id":170,"value":"viz.plot({\n type: \"prop\",\n data: world,\n var: \"pop\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":173,"value":"Several symbols are available. ","pinned":false,"hidden":false,"mode":"md"},{"id":175,"value":"viewof symbol = Inputs.select([\"circle\", \"spike\", \"halfcircle\", \"square\"], {\n label: \"symbol\",\n value: \"halfcircle\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":227,"value":"viz.plot({\n type: \"prop\",\n data: world,\n var: \"pop\",\n symbol,\n fill: \"red\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":177,"value":"Everything is customizable","pinned":false,"hidden":false,"mode":"md"},{"id":183,"value":"{\n let svg = viz.create({ projection: d3.geoNaturalEarth1(), zoomable: true });\n svg.plot({ type: \"outline\" });\n svg.plot({\n type: \"graticule\",\n stroke: \"white\",\n step: 40,\n strokeWidth: 2,\n strokeOpacity: 0.3\n });\n svg.plot({ type: \"path\", datum: world, fill: \"white\", fillOpacity: 0.3 });\n svg.plot({\n type: \"prop\",\n symbol: \"square\",\n data: world,\n var: \"pop\",\n fill: \"#4c86a6\",\n leg_type: \"nested\",\n leg_values_factor: 1 / 1000000,\n leg_pos: [100, 300],\n leg_title: \"Number of inhabitants\",\n leg_subtitle: \"(in million)\",\n tip: true\n });\n return svg.render();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":234,"value":"## type = \"propchoro\"","pinned":false,"hidden":false,"mode":"md"},{"id":336,"value":"The function plot.propchoro() allows you to simply draw a map with **prop**ortional symbols colored by a color gradation, like a **choro**pleth map. To use this function, you need two variables (var1 and var2). The legends can be configured using the prefixes leg1_ and leg2_. See the [documentation](https://riatelab.github.io/geoviz/global.html#plot/propchoro).","pinned":false,"hidden":false,"mode":"md"},{"id":239,"value":"viz.plot({\n type: \"propchoro\",\n data: world,\n symbol: \"circle\",\n k: 40,\n var1: \"pop\",\n var2: \"gdppc\",\n dodge: true,\n stroke: \"black\",\n strokeWidth: 0.2,\n leg1_pos: [150, 255],\n method: \"q6\",\n colors: \"RdYlGn\",\n reverse: true,\n leg1_title: \"Population\",\n leg1_subtitle: \"in milion inh.\",\n leg1_values_factor: 1 / 1000000,\n leg2_title: \"Gdp per capita\",\n leg2_values_round: 0,\n leg2_type: \"horizontal\",\n leg2_missing_text: \"Not available\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":237,"value":"## type = \"proptypo\"","pinned":false,"hidden":false,"mode":"md"},{"id":377,"value":"The function plot.proptypo() allows you to simply draw a map with **prop**ortional symbols colored by a qualitative color gradation. To use this function, you need two variables (var1 and var2). The legends can be configured using the prefixes leg1_ and leg2_. See the [documentation](https://riatelab.github.io/geoviz/global.html#plot/proptypo).","pinned":false,"hidden":false,"mode":"md"},{"id":368,"value":"viz.plot({\n type: \"proptypo\",\n data: world,\n symbol: \"spike\",\n k: 150,\n width: 40,\n var1: \"pop\",\n var2: \"region\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":11,"value":"import {\n style,\n world,\n disclaimer,\n aus,\n aus_roads,\n viz\n} from \"@neocartocnrs/geoviz-appendix\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"style","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}