Для восстановления рисунка по заданным координатам точек, необходимо последовательно соединить точки, указанные в коде.
1) Соединяем точки A1(1;21), A2(1;15), A3(2;14), A4(3;15), A5(4;14), A6(5;15), A7(6;14), A8(7;15), A9(8;14), A10(9;15), A11(9;3), A12(10;3), A13(10;1), A14(11;1), A15(11;3), A16(13;1), A17(11;5), A18(13;3), A19(11;7), A20(13;5), A21(11;9), A22(24;9), A23(24;3), A24(25;3), A25(25;1), A26(26;1), A27(26;3), A28(28;1), A29(26;7), A30(28;5), A31(26;11), A32(26;21), A33(24;25), A34(24;15), A35(10;15), A36(10;25), A37(8;21), и A1.
2) Соединяем точки B1(6;20), B2(8;20), B3(8;18), B4(6;18), и B1.
К сожалению, я не могу нарисовать рисунок здесь, но вы можете воспроизвести его на миллиметровой бумаге, соединяя точки в указанном порядке.
Теперь построим график, отображающий данные точки:
```html
```
**Разъяснение для ученика:**
1. **Координатная плоскость:** У нас есть координатная плоскость, где каждая точка имеет координаты (x, y). Первое число (x) показывает положение точки по горизонтали, а второе число (y) - положение по вертикали.
2. **Точки A:** В первом задании у нас есть список точек, начинающихся с буквы A. Нужно последовательно соединить эти точки линиями. Например, сначала соединяем A1 с A2, затем A2 с A3, и так далее, пока не соединим последнюю точку (A37) с A1.
3. **Точки B:** Во втором задании аналогично, но у нас есть только четыре точки, начинающиеся с буквы B. Соединяем их в указанном порядке: B1 с B2, B2 с B3, B3 с B4 и, наконец, B4 с B1.
4. **График:** HTML-код выше создаёт график, где отображаются все эти точки. Синяя линия показывает точки A, а красная – точки B. Обратите внимание, что график отображается в обратном порядке по оси Y, так как в задании ось Y направлена вверх, а в стандартных графиках она направлена вниз. Параметр reverse: true исправляет это.
5. **Вывод:** Следуя этим инструкциям, вы сможете воссоздать рисунок на бумаге или увидеть его на графике.