[{"data":1,"prerenderedAt":148},["ShallowReactive",2],{"i-tabler:book-2":3,"i-tabler:world":8,"i-tabler:check":10,"i-tabler:mail":12,"i-tabler:home":14,"i-tabler:pencil":16,"i-tabler:ruler-2":18,"i-tabler:music":20,"i-tabler:folder":22,"guides:section-hatch-patterns:en":24,"guides-list:en":113,"i-tabler:chevron-right":140,"i-tabler:point-filled":142,"i-tabler:door":144,"i-tabler:armchair":146},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M19 4v16H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\u002F>\u003Cpath d=\"M19 16H7a2 2 0 0 0-2 2M9 8h6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8\"\u002F>\u003Cpath d=\"M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l5 5L20 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003Cpath d=\"m3 7l9 6l9-6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7\"\u002F>\u003Cpath d=\"M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 3l4 4L7 21l-4-4zm-1 4l-1.5-1.5M13 10l-1.5-1.5M10 13l-1.5-1.5M7 16l-1.5-1.5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"\u002F>\u003Cpath d=\"M9 17V4h10v13M9 8h10\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\"\u002F>",{"title":25,"seoTitle":26,"description":27,"intro":28,"blocks":29,"faq":98},"Section hatch patterns: what each one means","Section Hatch Patterns: Concrete, Brick, Insulation","What section hatches mean — concrete, brick, earth, insulation, timber, gravel — when to use each, and how to keep a section readable. Free SVGs.","In a section drawing, hatch patterns fill the parts of the building that the cut passes through and say what they're made of. Concrete is usually scattered dots and triangles, brick 45° parallel lines, earth short diagonal strokes below the ground line, soft insulation a looping curve, timber an end-grain mark with a cross, and gravel loose pebbles. Conventions differ between countries and offices, so always add a legend. [Free hatch symbols](\u002Flibrary\u002Fsection) are in the JotJam library.",[30,34,65,74,89],{"h2":31,"p":32},"What a section is",[33],"A section is a drawing of a building cut vertically, like slicing a cake and looking at the cut face. It shows floor heights, how the roof, floors and walls are built, and how the building meets the ground. Where the cut goes is marked on the plan with a [section mark](\u002Flibrary\u002Fsection\u002Fsection-mark).",{"h2":35,"table":36},"The common hatches",[37,41,45,49,53,57,61],[38,39,40],"Material","Usual hatch","Typical use",[42,43,44],"Concrete","Scattered small triangles and dots","Slabs, walls, columns, footings — [concrete hatch](\u002Flibrary\u002Fsection\u002Fhatch-concrete)",[46,47,48],"Brick \u002F masonry","Parallel 45° lines","Cut brick and block walls — [brick hatch](\u002Flibrary\u002Fsection\u002Fhatch-brick)",[50,51,52],"Earth","Groups of short diagonal strokes","Ground below the ground line — [earth hatch](\u002Flibrary\u002Fsection\u002Fhatch-earth)",[54,55,56],"Soft insulation","A continuous looping curve","Mineral wool in walls, roofs, floors — [insulation hatch](\u002Flibrary\u002Fsection\u002Fhatch-insulation)",[58,59,60],"Timber (cut across)","End grain with a diagonal cross","Joists, posts, beams — [timber hatch](\u002Flibrary\u002Fsection\u002Fhatch-timber)",[62,63,64],"Gravel \u002F hardcore","Loose pebble shapes","Sub-base, drainage layers — [gravel hatch](\u002Flibrary\u002Fsection\u002Fhatch-gravel)",{"h2":66,"list":67},"Rules that keep a section readable",[68,69,70,71,72,73],"**Hatch only what's cut.** Things you see beyond the cut — a door in the far wall, the edge of a stair — are drawn in thin lines without hatching.","**Cut edges get the heaviest line.** The outline of every cut element should be stronger than anything beyond it.","**One meaning per pattern.** Diagonal lines mean brick in many offices and \"any cut material\" in others. Decide, and keep it for the whole set of drawings.","**Keep hatches lighter than outlines.** A hatch that's too dense turns grey and hides the structure.","**Add a legend.** One small key with each hatch and its material saves every reader from guessing.","**Scale matters.** At 1:100, walls are thin enough that many drawings simply fill them solid. Hatches pay off at 1:50 and in details at 1:20 or 1:5.",{"h2":75,"items":76},"Typical build-ups to draw",[77,80,83,86],{"h3":78,"p":79},"Floor slab","Concrete slab, screed and floor finish, with gravel and earth below on a ground floor. [Floor slab](\u002Flibrary\u002Fsection\u002Ffloor-slab).",{"h3":81,"p":82},"Cavity wall","Brick outer leaf, insulated cavity, block inner leaf. [Cavity wall](\u002Flibrary\u002Fsection\u002Fcavity-wall).",{"h3":84,"p":85},"Strip footing","The wall stands on a wider concrete footing set in the earth. [Strip footing](\u002Flibrary\u002Fsection\u002Fstrip-footing).",{"h3":87,"p":88},"Flat roof","Slab, insulation and membrane, turned up a parapet and finished with coping. [Flat roof](\u002Flibrary\u002Fsection\u002Fflat-roof).",{"h2":90,"steps":91},"Drawing a section in JotJam",[92,93,94,95,96,97],"Open [a new design](\u002Fdesign\u002Fedit) and set the units.","Draw the ground line, then the floor levels — add a [level marker](\u002Flibrary\u002Felevation\u002Flevel-marker) with the height at each one.","Draw the cut walls, slabs and roof with lines and rectangles at their real thickness.","Drop the hatches and details from the [section symbols](\u002Flibrary\u002Fsection) into the cut elements.","Add a scale figure — a [175 cm person](\u002Flibrary\u002Felevation\u002Fperson-standing) — so the heights read at a glance.","Save, and export a scale PDF at 1:50 or 1:20 to print.",{"title":99,"items":100},"Questions",[101,104,107,110],{"q":102,"a":103},"What is the hatch for concrete in a section?","Usually small scattered triangles and dots that suggest stones in the mix. Reinforced concrete is sometimes drawn with added diagonal lines; follow your office's standard.",{"q":105,"a":106},"What does a 45° hatch mean?","Most often brick or masonry. Some drawings use it for any cut material instead, so check the legend.",{"q":108,"a":109},"How do you show insulation in a section?","Soft insulation such as mineral wool is drawn as a continuous looping curve filling the layer. Rigid insulation boards are often drawn with a cross-hatch instead.",{"q":111,"a":112},"Do I hatch things I can see beyond the cut?","No. Only cut elements are hatched; things beyond are drawn with thinner lines and no fill.",[114,118,122,126,128,132,136],{"slug":115,"title":116,"description":117},"how-to-draw-a-floor-plan-online","How to draw a floor plan online, step by step","Draw a floor plan to scale in your browser for free: measure the rooms, draw walls at exact lengths, add doors and furniture, then dimension it.",{"slug":119,"title":120,"description":121},"floor-plan-symbols","Floor plan symbols and what they mean","What floor plan symbols mean: door swings, sliding doors, windows, stairs, furniture, north arrows and section marks — with free SVG symbols.",{"slug":123,"title":124,"description":125},"furniture-sizes-for-floor-plans","Furniture sizes to use in a floor plan","Typical sizes of beds, sofas, tables, desks, wardrobes, kitchen and bathroom fittings, and the space to leave around them, in centimetres.",{"slug":127,"title":25,"description":27},"section-hatch-patterns",{"slug":129,"title":130,"description":131},"sketch-on-a-phone-or-tablet","How to sketch on a phone or tablet without installing an app","Draw on an iPad, Android tablet or phone right in the browser: Apple Pencil pressure, palm rest, pinch to zoom and PNG export. Free, no app.",{"slug":133,"title":134,"description":135},"play-piano-on-a-computer-keyboard","How to play piano on a computer keyboard","Which computer keys play which piano notes, how to change octave and hold the sustain pedal, plus easy songs and chords for a laptop keyboard.",{"slug":137,"title":138,"description":139},"easy-guitar-chords-for-beginners","Easy guitar chords for beginners","The ten guitar chords to learn first, with fret numbers, the order to learn them in and easy progressions. Hear each one on a free online guitar.",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":141},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 6l6 6l-6 6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":143},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":145},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 12v.01M3 21h18M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":147},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 11a2 2 0 0 1 2 2v2h10v-2a2 2 0 1 1 4 0v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2\"\u002F>\u003Cpath d=\"M5 11V6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v5M6 19v2m12-2v2\"\u002F>\u003C\u002Fg>",1792672096421]