[{"data":1,"prerenderedAt":530},["ShallowReactive",2],{"blog-visual-logic-without-code-can-this-change-the-way-we-build-flow-based-systems":3},{"id":4,"title":5,"body":6,"description":506,"extension":519,"meta":520,"navigation":524,"path":525,"seo":526,"sitemap":527,"stem":528,"__hash__":529},"blog\u002Fblog\u002Fvisual-logic-without-code-can-this-change-the-way-we-build-flow-based-systems.md","Visual Logic Without Code - Can This Change the Way We Build Flow-Based Systems?",{"type":7,"value":8,"toc":505},"minimark",[9,29,47,50,55,62,80,83,95,102,104,109,112,122,125,168,174,176,180,187,238,245,247,251,328,331,333,337,340,375,378,399,402,404,408,411,422,425,435,441,443,447,464,471,473,477,480,485,495,498],[10,11,12],"blockquote",{},[13,14,15,16,20,21,24,25,28],"p",{},"What if logical structures weren’t just part of a flow - but ",[17,18,19],"strong",{},"the flow itself","?",[22,23],"br",{},"\nWhat if you could build functional logic ",[17,26,27],{},"visually",", with no hidden code at all?",[13,30,31,32,35,36,38,39,42,43,46],{},"With ",[17,33,34],{},"Wanderer",", I’ve built a tool that explores exactly that idea.",[22,37],{},"\nIt’s a new approach to flow-based programming: where structure ",[17,40,41],{},"is logic",", and logic ",[17,44,45],{},"is executable"," - right in the browser.",[48,49],"hr",{},[51,52,54],"h2",{"id":53},"what-makes-wanderer-different","What Makes Wanderer Different?",[13,56,57,58,61],{},"There are many no-code platforms out there. But almost all of them rely on ",[17,59,60],{},"hidden logic"," behind visual blocks:",[63,64,65,74,77],"ul",{},[66,67,68,69,73],"li",{},"Embedded ",[70,71,72],"code",{},"if-else"," conditions",[66,75,76],{},"Hidden functions",[66,78,79],{},"Code-like config panels",[13,81,82],{},"Wanderer turns that upside down.",[10,84,85],{},[13,86,87,88,91,92,94],{},"In Wanderer, ",[17,89,90],{},"edges are the logic",".",[22,93],{},"\nYou don’t write logic – you build it.",[13,96,97,98,101],{},"And when you're done, the graph ",[17,99,100],{},"executes itself",", in real time, in your browser.",[48,103],{},[105,106,108],"h3",{"id":107},"wait-arent-edge-conditions-just-code","“Wait - aren’t edge conditions just code?”",[13,110,111],{},"Good question - and a fair one.",[13,113,114,115,118,119,91],{},"Wanderer ",[17,116,117],{},"does"," allow for tiny condition checks on edges - for example, an edge might check whether a connected switch node is ",[70,120,121],{},"\"on\"",[13,123,124],{},"But here’s the key difference:",[63,126,127,141,153],{},[66,128,129,130,133,134,137,138],{},"There are ",[17,131,132],{},"no function bodies",", ",[17,135,136],{},"no branching logic",", and ",[17,139,140],{},"no hidden code paths",[66,142,143,144,133,147,137,150],{},"Edge conditions are always ",[17,145,146],{},"simple",[17,148,149],{},"explicit",[17,151,152],{},"local",[66,154,155,156,159,160,162,163,167],{},"The ",[17,157,158],{},"logic lives entirely in the structure",":",[22,161],{},"\nYou can ",[164,165,166],"em",{},"see"," every decision - and understand it at a glance",[13,169,170,171,91],{},"It’s not about hiding complexity - it’s about ",[17,172,173],{},"structuring it visually",[48,175],{},[51,177,179],{"id":178},"logic-as-structure-visual-gates","Logic as Structure: Visual Gates",[13,181,182,183,186],{},"To demonstrate how powerful this model can be, I built ",[17,184,185],{},"five fundamental logic gates"," – entirely visual, fully working, and 100% no-code.",[188,189,190,202,211,220,229],"ol",{},[66,191,192],{},[193,194,198,201],"a",{"href":195,"rel":196},"https:\u002F\u002Fwanderer-flow.de\u002Fbuilder?flowUrl=https:\u002F\u002Fhub.wanderer-flow.de\u002Fflows\u002Fu4ne9rzq88dgp04non88ksb5q399n4sl",[197],"nofollow",[17,199,200],{},"AND Gate"," - Try live demo",[66,203,204],{},[193,205,208,201],{"href":206,"rel":207},"https:\u002F\u002Fwanderer-flow.de\u002Fbuilder?flowUrl=https:\u002F\u002Fhub.wanderer-flow.de\u002Fflows\u002Fkeevhyvfot4wbyzo60wd1vjamwdh2zag",[197],[17,209,210],{},"OR Gate",[66,212,213],{},[193,214,217,201],{"href":215,"rel":216},"https:\u002F\u002Fwanderer-flow.de\u002Fbuilder?flowUrl=https:\u002F\u002Fhub.wanderer-flow.de\u002Fflows\u002Fmbo9idv868f1a8gz6egm1y9d42jedbc4",[197],[17,218,219],{},"NOT Gate",[66,221,222],{},[193,223,226,201],{"href":224,"rel":225},"https:\u002F\u002Fwanderer-flow.de\u002Fbuilder?flowUrl=https:\u002F\u002Fhub.wanderer-flow.de\u002Fflows\u002F20l4vo9at74nsveaxlzgauppccjejb2x",[197],[17,227,228],{},"XOR Gate",[66,230,231],{},[193,232,235,201],{"href":233,"rel":234},"https:\u002F\u002Fwanderer-flow.de\u002Fbuilder?flowUrl=https:\u002F\u002Fhub.wanderer-flow.de\u002Fflows\u002Fyoszf2oaib40th368srvrpcb7o0zm1ep",[197],[17,236,237],{},"NAND Gate",[13,239,240,241,244],{},"You can ",[17,242,243],{},"toggle inputs"," using switch nodes - and observe how the graph reacts in real time.",[48,246],{},[51,248,250],{"id":249},"whats-special-about-each-gate","What’s Special About Each Gate?",[252,253,254,267],"table",{},[255,256,257],"thead",{},[258,259,260,264],"tr",{},[261,262,263],"th",{},"Gate Type",[261,265,266],{},"What You’ll See in the Flow",[268,269,270,281,291,304,318],"tbody",{},[258,271,272,278],{},[273,274,275],"td",{},[17,276,277],{},"AND",[273,279,280],{},"All switches must be ON to activate the output node",[258,282,283,288],{},[273,284,285],{},[17,286,287],{},"OR",[273,289,290],{},"Any one (or more) switches can activate the output",[258,292,293,298],{},[273,294,295],{},[17,296,297],{},"XOR",[273,299,300,303],{},[17,301,302],{},"Exactly one"," switch must be ON - no more, no less",[258,305,306,311],{},[273,307,308],{},[17,309,310],{},"NOT",[273,312,313,314,317],{},"One specific switch ",[17,315,316],{},"must stay OFF"," for activation to happen",[258,319,320,325],{},[273,321,322],{},[17,323,324],{},"NAND",[273,326,327],{},"All switches must be OFF to activate the output node",[13,329,330],{},"You can reset the state, play around, and see how different input combinations affect the traversal and logic output - live.",[48,332],{},[51,334,336],{"id":335},"how-it-works-under-the-hood","How It Works Under the Hood",[13,338,339],{},"Wanderer uses:",[63,341,342,347,363,369],{},[66,343,344],{},[17,345,346],{},"Depth-first graph traversal",[66,348,349,352,353,133,356,133,359,362],{},[17,350,351],{},"Typed edges"," (e.g. ",[70,354,355],{},"must",[70,357,358],{},"may",[70,360,361],{},"not",")",[66,364,365,368],{},[17,366,367],{},"Node-local state",", no global context",[66,370,371,372],{},"A reactive ",[17,373,374],{},"evaluation loop",[13,376,377],{},"Edges define everything:",[63,379,380,385,390],{},[66,381,382,383,362],{},"Which conditions are required (",[70,384,355],{},[66,386,387,388,362],{},"Which are optional (",[70,389,358],{},[66,391,392,393,396,397,362],{},"Which ",[17,394,395],{},"must not"," be true (",[70,398,361],{},[13,400,401],{},"It’s like building a circuit - but in a browser",[48,403],{},[51,405,407],{"id":406},"why-this-matters","Why This Matters",[13,409,410],{},"Visual flow builders often reach a ceiling:",[63,412,413,416,419],{},[66,414,415],{},"Too simple for complex logic",[66,417,418],{},"Too messy when scaled",[66,420,421],{},"Too code-like to stay no-code",[13,423,424],{},"Wanderer is an attempt to fix that.",[10,426,427],{},[13,428,429],{},[164,430,431,432,434],{},"If we make logic truly visible,",[22,433],{},"\nwe make it understandable, shareable - and programmable.",[13,436,437,438,440],{},"Because when structure is the program,",[22,439],{},"\nyou don’t need to write code - you just connect ideas.",[48,442],{},[51,444,446],{"id":445},"who-this-is-for","Who This Is For",[63,448,449,452,455,458,461],{},[66,450,451],{},"Chatbot developers",[66,453,454],{},"No-code experimenters",[66,456,457],{},"UX designers & toolmakers",[66,459,460],{},"People who build GPT assistants",[66,462,463],{},"Educators teaching logic & flow",[13,465,466,467,470],{},"If you’ve ever wanted to ",[17,468,469],{},"build logic without writing logic",", Wanderer might be for you.",[48,472],{},[51,474,476],{"id":475},"lets-talk","Let’s Talk",[13,478,479],{},"I’d love feedback - and I’m curious:",[10,481,482],{},[13,483,484],{},"Do you think this kind of logic modeling could change how we think about visual programming?",[13,486,487,488,490,491,494],{},"Hit me up with ideas, forks, or questions.",[22,489],{},"\nAnd if you're interested, I’ll publish a deeper article soon about how to ",[17,492,493],{},"combine gates",", build real-world flows, and even generate structures using GPTs.",[13,496,497],{},"Stay curious - and keep building.",[13,499,500,501],{},"— Chris, Maker of ",[193,502,34],{"href":503,"rel":504},"https:\u002F\u002Fwanderer-flow.de\u002F",[197],{"title":506,"searchDepth":507,"depth":507,"links":508},"",2,[509,513,514,515,516,517,518],{"id":53,"depth":507,"text":54,"children":510},[511],{"id":107,"depth":512,"text":108},3,{"id":178,"depth":507,"text":179},{"id":249,"depth":507,"text":250},{"id":335,"depth":507,"text":336},{"id":406,"depth":507,"text":407},{"id":445,"depth":507,"text":446},{"id":475,"depth":507,"text":476},"md",{"date":521,"author":522,"headerImage":523},"2025-07-07","Chris","\u002Fimages\u002Fblog\u002Fandgate.png",true,"\u002Fblog\u002Fvisual-logic-without-code-can-this-change-the-way-we-build-flow-based-systems",{"title":5,"description":506},{"loc":525},"blog\u002Fvisual-logic-without-code-can-this-change-the-way-we-build-flow-based-systems","kuGlLuAuRhd6ityNnXh4L7vBjT2mMAKArwtMW8s8V-g",1786889213828]