Jak uczniowie docierają do szkoły

Infografika: dane w obrazie - Grafika komputerowa w liceum i technikum (draw)

Wysokość słupka jest **proporcjonalna** do wartości (4 px na 1%), słupki stoją na wspólnej osi i są **wyrównane do dołu**. Każdy ma etykietę i wartość, a tytuł i źródło danych są na górze. Ten sam schemat sprawdza się w plakacie, prezentacji i gazetce szkolnej.

{"width":800,"height":600,"background":"#ffffff","shapes":[{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#0f172a","x":60,"y":40,"text":"Jak uczniowie docierają do szkoły","size":36,"bold":true,"italic":false,"font":"sans"},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#64748b","x":60,"y":90,"text":"ankieta w klasach 1-4, 2026","size":22,"bold":false,"italic":false,"font":"sans"},{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#0ea5e9","x":120,"y":340,"w":100,"h":180},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#334155","x":120,"y":535,"text":"pieszo","size":22,"bold":false,"italic":false,"font":"sans"},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#0f172a","x":140,"y":300,"text":"45%","size":26,"bold":true,"italic":false,"font":"sans"},{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#6366f1","x":270,"y":400,"w":100,"h":120},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#334155","x":270,"y":535,"text":"autobus","size":22,"bold":false,"italic":false,"font":"sans"},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#0f172a","x":290,"y":360,"text":"30%","size":26,"bold":true,"italic":false,"font":"sans"},{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#22c55e","x":420,"y":460,"w":100,"h":60},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#334155","x":420,"y":535,"text":"rower","size":22,"bold":false,"italic":false,"font":"sans"},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#0f172a","x":440,"y":420,"text":"15%","size":26,"bold":true,"italic":false,"font":"sans"},{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#f97316","x":570,"y":480,"w":100,"h":40},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#334155","x":570,"y":535,"text":"samochód","size":22,"bold":false,"italic":false,"font":"sans"},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#0f172a","x":590,"y":440,"text":"10%","size":26,"bold":true,"italic":false,"font":"sans"},{"type":"line","stroke":"#334155","strokeWidth":2,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":null,"points":[100,520,740,520]}]}

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu Grafika komputerowa w liceum i technikum·Zaloguj się, aby zapisać postęp na koncie.