Polished World Map

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_122":-5,"_63":16,"_123":-5,"_124":125,"_126":127},"routes/viz-public",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":16,"_18":16,"_19":-5,"_20":21,"_22":16,"_23":24,"_25":26,"_27":-5,"_28":29,"_30":16,"_31":32,"_33":-5,"_34":35},"vizInfo",{"_42":72,"_101":72,"_44":102,"_103":-7,"_104":52,"_105":50,"_106":-5,"_107":108,"_109":16,"_110":111,"_112":113,"_114":43,"_115":-7,"_69":116,"_71":117,"_118":-5,"_119":68,"_120":121},"vizContent",{"_42":72,"_73":74,"_28":29},"ownerAccount",{"_42":50,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":16,"_64":-7,"_65":41,"_66":41,"_67":68,"_69":70,"_71":70},"isOwner",false,"isAuthenticated","canCreatePrivate","commitId","similarVizzes",[],"embed","forksCount",1,"forkedFromViz",{"_42":43,"_44":45,"_46":47,"_48":49},"runtimeVersion","license","MIT","descriptionIsAiGenerated","sourceProvenance",{"_36":37,"_38":39,"_28":29,"_40":41},"project","socialImageUrl","https://next.vizhub.com/assets/unfurl.webp","sourceType","v3","originalUrl","https://vizhub.com/tukhtarov/e5881c8b572e4294a5384a7f94a3f459","author","tukhtarov","id","295f06f6efd749f0acc19b69a37687a6","title","Polished World Map","ownerHandle","curran","ownerDisplayName","Curran Kelleher","v3-user-tukhtarov","accountType","user","email","tukhtarov@gmail.com","displayName","Vlad Tukhtarov","avatar","https://avatars.githubusercontent.com/u/12586151?v=4","oauthProvider","github","oauthId","12586151","isAdmin","stripeCustomerId","handle","handleNormalized","lifecycleEmailsEnabled",true,"createdAt",1791067072710,"updatedAt","e5881c8b572e4294a5384a7f94a3f459","files",{"_75":76,"_77":78,"_79":80,"_81":82,"_83":84,"_85":86},"132d12f6",{"_87":99,"_89":100},"29fbc049",{"_87":97,"_89":98},"3c34c559",{"_87":95,"_89":96},"8dbc301e",{"_87":93,"_89":94},"973b2115",{"_87":91,"_89":92},"f90a6c7a",{"_87":88,"_89":90},"name","index.js","text","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { useData } from './useData';\nimport { Marks } from './Marks';\n\nconst width = 960;\nconst height = 500;\n\nconst App = () => {\n const data = useData();\n\n if (!data) {\n return

Loading...

;\n }\n\n return (\n \n );\n};\nconst rootElement = document.getElementById('root');\nReactDOM.render(, rootElement);\n","Marks.js","import {\n geoNaturalEarth1,\n geoPath,\n geoGraticule,\n} from 'd3';\n\nconst projection = geoNaturalEarth1();\nconst path = geoPath(projection);\nconst graticule = geoGraticule();\n\nexport const Marks = ({ data: { land, interiors } }) => (\n \n \n \n {land.features.map((feature) => (\n \n ))}\n \n \n);\n","index.html","\n\n \n Polished World Map\n \n \n \n \n \n \n \n

\n \n \n\n","useData.js","import React, { useState, useEffect } from 'react';\nimport { json } from 'd3';\nimport { feature, mesh } from 'topojson';\n\nconst jsonUrl = 'https://unpkg.com/world-atlas@2.0.2/countries-50m.json';\n\nexport const useData = () => {\n const [data, setData] = useState(null);\n console.log(data);\n\n useEffect(() => {\n json(jsonUrl).then(topology => {\n const { countries, land } = topology.objects;\n setData({\n land: feature(topology, land),\n interiors: mesh(topology, countries, (a, b) => a !== b)\n });\n });\n }, []);\n\n return data;\n};\n","README.md","","styles.css","body {\n margin: 0;\n overflow: hidden;\n font-family: 'Poppins', sans-serif;\n}\npre {\n font-size: 7em;\n}\n.marks .land {\n fill: #137B80;\n}\n.marks .sphere {\n fill: #ececec;\n}\n.marks .interiors {\n fill: none;\n stroke: #43A4A8;\n}\n.marks .graticules {\n fill: none;\n stroke: #dadada;\n}","slug","Fork of Polished World Map","description","ownerType","ownerId","projectId","visibility","public","isTemplate","headCommitId","912e509557ad41179fae34364ba90ff5","startCommitId","245218f84d6c47668cf76499327211b2","forkedFrom","forkedFromVisibility",1753668850000,1753668923000,"publishedAt","isPublished","draftStatus","published","userId","account","appOrigin","https://next.vizhub.com","googleAnalyticsId","G-5BVJNTEF9V"]