React Starter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_114":-5,"_63":16,"_115":-5,"_116":117,"_118":119},"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,"_93":72,"_44":94,"_95":-7,"_96":52,"_97":50,"_98":-5,"_99":100,"_101":16,"_102":103,"_104":105,"_106":43,"_107":-7,"_69":108,"_71":109,"_110":-5,"_111":68,"_112":113},"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",0,"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/arodriguez133/fde876d809f04136bb7fefb4b18545a5","author","arodriguez133","id","c3b14112dae34ef395999cef5783324f","title","React Starter","ownerHandle","curran","ownerDisplayName","Curran Kelleher","v3-user-arodriguez133","accountType","user","email","arodriguez133@icloud.com","displayName","Adan Rodriguez","avatar","https://avatars.githubusercontent.com/u/58500824?v=4","oauthProvider","github","oauthId","58500824","isAdmin","stripeCustomerId","handle","handleNormalized","lifecycleEmailsEnabled",true,"createdAt",1791067891595,"updatedAt","fde876d809f04136bb7fefb4b18545a5","files",{"_75":76,"_77":78,"_79":80,"_81":82},"90132688",{"_83":91,"_85":92},"29fbc049",{"_83":89,"_85":90},"8dbc301e",{"_83":87,"_85":88},"fd09e543",{"_83":84,"_85":86},"name","index.js","text","import React from 'react';\nimport * as d3 from 'd3';\nimport { createRoot } from 'react-dom';\n\nconst App = () => {\n const width = 928;\n const marginTop = 10;\n const marginRight = 10;\n const marginBottom = 10;\n const marginLeft = 40;\n\n const root = d3.hierarchy(data);\n\n return

Test

;\n};\n\nconst root = createRoot(document.getElementById('root'));\nroot.render();\n","index.html","\n\n \n React Starter\n \n \n \n \n \n \n

\n \n \n\n","README.md","[React](https://react.dev/) Starter code.","data.json","{\n \"name\": \"\",\n \"children\": [\n {\n \"name\": \"Abraham\",\n \"wives\": [\n {\n \"name\": \"Sarah\",\n \"children\": [\n {\n \"name\": \"Isaac\",\n \"wives\": [\n {\n \"name\": \"Rebekah\",\n \"children\": [\n {\n \"name\": \"Jacob\",\n \"wives\": [\n {\n \"name\": \"Leah\",\n \"children\": [\n {\n \"name\": \"Reuben\",\n \"wives\": []\n },\n {\n \"name\": \"Simeon\",\n \"wives\": []\n },\n {\n \"name\": \"Levi\",\n \"wives\": []\n },\n {\n \"name\": \"Judah\",\n \"wives\": []\n },\n {\n \"name\": \"Gad\",\n \"wives\": []\n },\n {\n \"name\": \"Asher\",\n \"wives\": []\n },\n {\n \"name\": \"Issachar\",\n \"wives\": []\n },\n {\n \"name\": \"Zebulun\",\n \"wives\": []\n },\n {\n \"name\": \"Dinah\",\n \"children\": []\n }\n ]\n },\n {\n \"name\": \"Rachel\",\n \"children\": [\n {\n \"name\": \"Dan\",\n \"wives\": []\n },\n {\n \"name\": \"Naphtali\",\n \"wives\": []\n },\n {\n \"name\": \"Joseph\",\n \"wives\": []\n }\n ]\n }\n ]\n },\n {\n \"name\": \"Esau\",\n \"wives\": [\n {\n \"name\": \"Judith\",\n \"children\": []\n },\n {\n \"name\": \"Basemath\",\n \"children\": []\n }\n ]\n }\n ]\n }\n ]\n }\n ]\n },\n {\n \"name\": \"Hagar\",\n \"children\": [\n {\n \"name\": \"Ishmael\",\n \"wives\": [\n {\n \"name\": \"\",\n \"children\": [\n { \"name\": \"Nebaioth\", \"wives\": [] },\n { \"name\": \"Kedar\", \"wives\": [] },\n { \"name\": \"Abdeel\", \"wives\": [] },\n { \"name\": \"Mibsam\", \"wives\": [] },\n { \"name\": \"Mishma\", \"wives\": [] },\n { \"name\": \"Dumah\", \"wives\": [] },\n { \"name\": \"Massa\", \"wives\": [] },\n { \"name\": \"Hadad\", \"wives\": [] },\n { \"name\": \"Tema\", \"wives\": [] },\n { \"name\": \"Jetur\", \"wives\": [] },\n { \"name\": \"Napish\", \"wives\": [] },\n { \"name\": \"Kedemah\", \"wives\": [] }\n ]\n }\n ]\n }\n ]\n },\n {\n \"name\": \"Keturah\",\n \"children\": [\n { \"name\": \"Zimran\", \"wives\": [] },\n {\n \"name\": \"Joksan\",\n \"wives\": [\n {\n \"name\": \"\",\n \"children\": [\n { \"name\": \"Sheba\", \"wives\": [] },\n {\n \"name\": \"Dedan\",\n \"wives\": [\n {\n \"name\": \"\",\n \"children\": [\n {\n \"name\": \"Asshurim\",\n \"wives\": []\n },\n {\n \"name\": \"Letushim\",\n \"wives\": []\n },\n {\n \"name\": \"Leummim\",\n \"wives\": []\n }\n ]\n }\n ]\n }\n ]\n }\n ]\n },\n { \"name\": \"Medan\", \"wives\": [] },\n {\n \"name\": \"Midian\",\n \"wives\": [\n {\n \"name\": \"\",\n \"children\": [\n { \"name\": \"Ephah\", \"wives\": [] },\n { \"name\": \"Epher\", \"wives\": [] },\n { \"name\": \"Hanoch\", \"wives\": [] },\n { \"name\": \"Abida\", \"wives\": [] },\n { \"name\": \"Eldaah\", \"wives\": [] }\n ]\n }\n ]\n },\n { \"name\": \"Ishbak\", \"wives\": [] },\n { \"name\": \"Shuah\", \"wives\": [] }\n ]\n }\n ]\n }\n ]\n}\n","slug","D3-Tree","description","ownerType","ownerId","projectId","visibility","public","isTemplate","headCommitId","6df5169cfbd749669f54d722cd5dddcc","startCommitId","f496ef25480b4b08aed8bc36148fb2a6","forkedFrom","forkedFromVisibility",1720707642000,1721054852000,"publishedAt","isPublished","draftStatus","published","userId","account","appOrigin","https://next.vizhub.com","googleAnalyticsId","G-5BVJNTEF9V"]