[{"data":1,"prerenderedAt":106},["ShallowReactive",2],{"$fdPhrkl0fdUvgOYFpzchsgHVnhHS4sAzo4bdLNaUFGGU":3},{"item":4,"meta":46},{"id":5,"title":6,"alt":7,"date":8,"design-phase":9,"designer":10,"era":11,"extension":12,"featured":13,"gallery":14,"image":16,"meta":21,"narrative":36,"project":37,"source-file":36,"stem":38,"subject":39,"tags":40,"tool":43,"type":44,"__hash__":45},"archive\u002Farchive\u002F2026-q3\u002F2026-03-25-c24-visualization-index.md","Visualization Index","The \u002Fvisualization overview — qmap, qflow, and when to use which.","2026-03-25","1.0","mark","seed","md",false,[15,18],{"src":16,"alt":17},"\u002Fcycles\u002Fdesign\u002Fc24-visualization-index.png","The \u002Fvisualization overview.",{"src":19,"alt":20},"\u002Fcycles\u002Fdesign\u002Fc24-visualization-index-full.png","Visualization Index — full page",{"body":22},{"type":23,"value":24,"toc":32},"minimark",[25,29],[26,27,28],"p",{},"c24 renamed qmap and qflow to the @qpoint-io scope, wired the design site as their consumer, and built this overview with live demos and \"when to use which\" guidance — the pattern qpixel later joined (c40).",[26,30,31],{},"Captured 2026-08-15 (c71 backfill). Current render of a surface first built in c24; visual language reflects the later c48\u002Fc52 re-skins.",{"title":33,"searchDepth":34,"depth":34,"links":35},"",2,[],null,"brand","archive\u002F2026-q3\u002F2026-03-25-c24-visualization-index","product",[41,42],"c24","visualization","Playwright capture","screengrab","eOoK72Cyl-WOBnHUSV13Jbi1-bszOk6SJ-oStz1hbcU",{"eras":47,"designers":70,"subjects":74,"projects":94},[48,55,62,65],{"id":49,"name":50,"description":51,"startDate":52,"endDate":53,"order":54},"ideation","Ideation","First dashboard and site mockups, pre-brand.","2022-01","2025-09",0,{"id":56,"name":57,"description":58,"startDate":59,"endDate":60,"order":61},"pre-seed","Pre-Seed","Establishing identity, voice, and visual language.","2025-10","2026-01",1,{"id":11,"name":63,"description":64,"startDate":60,"order":34},"Seed","Building the product and its interface.",{"id":66,"name":67,"description":68,"order":69},"post-seed","Post-Seed","Scaling the product and expanding reach.",3,[71],{"id":10,"name":72,"role":73},"Mark","Founder \u002F Design",[75,79,83,86,90],{"id":76,"label":77,"description":78},"front-site","Front Site","Public website and marketing pages.",{"id":80,"label":81,"description":82},"pitch-deck","Pitch Deck","Investor and partner presentations.",{"id":39,"label":84,"description":85},"Product","Application UI and dashboard.",{"id":87,"label":88,"description":89},"cli","Command Line Tools","Terminal interfaces and output.",{"id":91,"label":92,"description":93},"brand-system","Brand System","Style guide, brand documents, MCP server.",[95,99,103],{"id":96,"label":97,"description":98},"brochure-site","Brochure Site","Public marketing website — messaging, landing pages, campaigns.",{"id":100,"label":101,"description":102},"dashboard","Dashboard","Product application UI — the tool customers use.",{"id":37,"label":104,"description":105},"Brand","Brand system, style guides, design tokens, and tooling.",1789151054523]