Explaining how HSN Summary totals are derived from orders.

Designing a visual layout to net orders per HSN code.

Sketching exact box positions and spacing for each order.

Drafting SVG structure with box dimensions and color coding.

Choosing colors and text sizes to fit each order box.

Calculating overall dimensions and section spacing for the diagram.

Placing exact coordinates for each labeled box and arrow.

Laying out the second HSN section’s zero-net result box.

Reworking the diagram layout to fit all sections cleanly.

Placing coordinates for the second HSN section’s result box.

Writing SVG markup for the key takeaway summary box.

Building the SVG markup for the first HSN section’s boxes.