2d:null 2e:["$","title",null,{"children":"console.table() with GeoJSON | Ryan Cooper | Observable"}] 33:T4b2,md`# console.table() with GeoJSON I was reading [this clever little article that uses Taylor Swift lyrics to explore various console methods](https://dev.to/twilio/6-javascript-console-methods-like-taylor-swift-folklore-lyrics-3h0k) from [Lizzie Siegle](https://dev.to/lizziepika) at Twilio and their tip on console.table() caught my eye: > The table method takes either an object or an array and logs that input as a table, making it look cleaner: it's like a nicer version of log. Like a mirrorball, table can show different versions of the input by accepting an optional parameter columns to select a subset of columns to display. As a GIS person who dabbles in JavaScript, very often I find myself a little frustrated by the presentation of GeoJSON data when I print it to the console using console.log(). I'm used to working in ArcGIS or QGIS and seeing my data presented as a table. Learning about this console.table() method, I've sought out slap together a function that will take a GeoJSON Feature Collection and reshape it so both the properties and geometry information can be printed in the console as a single table. This is my initial attempt. `34:[] 31:{"id":"2c21793c681b64c9","slug":"console-table-with-geojson","title":"console.table() with GeoJSON","thumbnail":"3ae1b2e2e20ca8770633ef2a9843db06e803b999da8862507a7ab987b332fb28","access_level":"public","create_time":"$D2020-08-01T15:38:13.165Z","update_time":"$D2020-08-01T16:39:51.975Z","view_time":null,"first_public_time":"$D2020-08-01T16:40:02.146Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"9d55030af7c597b4","login":"maptastik","name":"Ryan Cooper","avatar_url":"https://avatars-next.observableusercontent.com/868e065c57a1f44e8422aaae8c978ef82dc1ada2d596eae26d808adebb8b4b6a","tier":"starter_2024"},"version":93,"publish_version":93,"role":null,"authored":false,"authors":[{"type":"individual","id":"cae231bf35ff5917","login":"maptastik","name":"Ryan Cooper","avatar_url":"https://avatars-next.observableusercontent.com/868e065c57a1f44e8422aaae8c978ef82dc1ada2d596eae26d808adebb8b4b6a","tier":null}],"members":[{"type":"individual","id":"cae231bf35ff5917","login":"maptastik","name":"Ryan Cooper","avatar_url":"https://avatars-next.observableusercontent.com/868e065c57a1f44e8422aaae8c978ef82dc1ada2d596eae26d808adebb8b4b6a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"console.table() with GeoJSON","cells":[{"id":0,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"md`\n## Data\n\nGetcha some GeoJSON...\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"geojson = (await fetch('https://opendata.arcgis.com/datasets/43b5d6bf9d6e400599498d052545d331_0.geojson')).json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"md`\n## Reshape the GeoJSON a bit\n\nCombine the properties and geometry values for each feature into a single object and then return an array of those objects.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"featuresArray = geojson.features.map(x => Object.assign(x.properties,x.geometry))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"md`\n## Log the table\n\nUse console.table() to log the array of features as a table in the console.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"console.table(featuresArray)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"md`\n## Final thoughts\n\nThis is a pretty slapdash approach here. I haven't tested it, but I suspect this might fail if there are duplicate keys betweek the properties and geometry objects for each feature. Namely, these would be *type* and *coordinates*.\n\nThere are probably other issues, but hey, it's a start!\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"