let a = square(100).append_tags('blue').append_tags('big'); let b = square(10).append_tags(['blue', 'small']); // a will have the tags 'blue' and 'big' // b will have the tags 'blue' and 'small'

let a = square(100).append_tags('blue').append_tags('big'); let b = square(10).append_tags(['blue', 'small']); a = a.remove_tags('blue'); b = b.remove_tags(['blue', 'small']); // a will have the tag 'big' // b will have no tag

let a = square(10).append_tags(['blue', 'small']); a = a.reset_tags(); // a will have no tag

// check if a diagram contains a tag let a = square(10).append_tags(['square', 'small']); a.contain_tag('square'); // true a.contain_tag('big'); // false

// check if a diagram contains all tags given let a = square(10).append_tags(['square', 'small', 'blue']); a.contain_all_tags(['square', 'small']); // true a.contain_all_tags(['square', 'big']); // false

// this is useful if we have a deeply nested diagram, and we want to apply a function to all diagrams with a tag let a = square(10); let b = square(10).append_tags('blue'); let c = circle(5).append_tags('blue'); let d = circle(5); let distributed = distribute_horizontal([a, b, c, d], 1); let colored = distributed.apply_to_tagged_recursive('blue', d => d.fill('lightblue')); draw(colored);

// this is useful if we have a deeply nested diagram, and we want to get the diagrams with certain tags let a = square(10); let b = square(10).append_tags('special'); let c = circle(5); let d = circle(5).append_tags('special'); let distributed = distribute_horizontal([a, b, c, d], 1); let specials = distributed.get_tagged_elements('special'); draw(...specials);

enum TAG { EMPTY = "empty", LINE = "line", CIRCLE = "circle", TEXTVAR = "textvar", // prefix ROW_ = "row_", COL_ = "col_", // arrow ARROW_LINE = "arrow_line", ARROW_HEAD = "arrow_head", // table TABLE = "table", CONTAIN_TABLE = "contain_table", TABLE_CELL = "table_cell", TABLE_CONTENT = "table_content", EMPTY_CELL = "empty_cell", //graph GRAPH_AXIS = "graph_axis_line", GRAPH_TICK = "graph_tick", GRAPH_TICK_LABEL = "graph_tick_label", GRAPH_GRID = "graph_grid", }

let arr = arrow(V2(3,10), 2).strokewidth(4) .apply_to_tagged_recursive(TAG.ARROW_HEAD, d => d.fill('blue').stroke('white')) .apply_to_tagged_recursive(TAG.ARROW_LINE, d => d.stroke('blue')); draw(arr);