D3 Starter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_110":-5,"_63":16,"_111":-5,"_112":113,"_114":115},"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,"_89":72,"_44":90,"_91":-7,"_92":52,"_93":50,"_94":-5,"_95":96,"_97":16,"_98":99,"_100":101,"_102":43,"_103":-7,"_69":104,"_71":105,"_106":-5,"_107":68,"_108":109},"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",3,"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/636492bad97a4f489dec6ab8675387df","author","arodriguez133","id","37268d9ccc02426e8f83fb8ef04d6e5c","title","D3 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","636492bad97a4f489dec6ab8675387df","files",{"_75":76,"_77":78,"_79":80},"29fbc049",{"_81":87,"_83":88},"6b40f9d6",{"_81":85,"_83":86},"8dbc301e",{"_81":82,"_83":84},"name","index.html","text","\n\n \n D3 Starter\n \n \n \n \n

\n \n \n\n","index.js","import * as d3 from 'd3';\n\nconst width = 640;\nconst height = 400;\nconst marginTop = 20;\nconst marginRight = 20;\nconst marginBottom = 30;\nconst marginLeft = 40;\n\nconst x = d3\n .scaleUtc()\n .domain([new Date('2025-07-07'), new Date('2026-07-07')])\n .range([marginLeft, width - marginRight]);\n\nconst y = d3\n .scaleLinear()\n .domain([0, 100])\n .range([height - marginBottom, marginTop]);\n\nconst svg = d3\n .create('svg')\n .attr('width', width)\n .attr('height', height);\n\nsvg\n .append('g')\n .attr(\n 'transform',\n `translate(0, ${height - marginBottom})`,\n )\n .call(d3.axisBottom(x));\n\nsvg\n .append('g')\n .attr('transform', `translate(${marginLeft}, 0)`)\n .call(d3.axisLeft(y));\n\ncontainer.append(svg.node());\n","README.md","","slug","Blank Chart","description","ownerType","ownerId","projectId","visibility","public","isTemplate","headCommitId","3e87f7f2733945f9b131d920155e8946","startCommitId","91119b3e97e74200868b92857d1a3792","forkedFrom","forkedFromVisibility",1751921374000,1751922025000,"publishedAt","isPublished","draftStatus","published","userId","account","appOrigin","https://next.vizhub.com","googleAnalyticsId","G-5BVJNTEF9V"]