We need visual programming. No, not like that(blog.sbensu.com)

  // textual
  1 + 2
  
  // ast
  {
    kind: "plus",
    lhs: { kind: "int", value: 1 },
    rhs: { kind: "int", value: 2 }
  }
  
  // visual-ast
  
  <div data-kind="call">
    <div data-attr="lhs">
      <div data-kind="int">
        <!-- typical encoding of a value -->
        <div data-attr="value" data-value="2">2</div>
      </div>
    </div>
     <div data-attr="rhs">
      <div data-kind="int">
        <!-- here we can use an input tag but you can do something more fancy -->
        <input type="number" data-attr="value" data-value="1" value="1">
      </div>
    </div>
  </div>

    User Feature -> Feature Model -> Architecture Model -> Source Code

    if (something > something_else) procedure_here else other_procedure;

    let old = {whatever;};
    let young = {young_stuff;};
    if (age > 40) old else young;