Honeycomb Editordemo

A hex-lattice diagram you can rearrange. A tile drags alone; a district's ground or heading drags the whole district; with Link on, the same two presses draw a line instead, from a building or from a whole district; and the palette holds the buildings that are not on the plan. Three lines are drawn already, one of each kind of end a line can have — a district end carries a crossbar, a building end a plain arrowhead, and the line into the Museum has one of each. Every name on this page is invented.

Source ↗
  1. Drag Library to an empty cell away from the others — it goes alone, and the Civic Quarter is now in two parts.
  2. Drag the Civic Quarter's heading — all four move together.
  3. Drop Bakery onto Grocer — same group, so they trade places.
  4. Drop Museum onto Cinema — neither is in a group, so it refuses and says why.
  5. Click Archive in the palette, then click an empty cell — or drag it straight onto the plan.
  6. Select a building and press Delete — it goes back to the palette, and Undo brings it back. Try it on the Station: a building a line ends on is refused until the line goes.
  7. Press Link, then drag between two buildings — the three routings cycle: straight, bowed, and along the comb.
  8. Press Link, then drag from a district's heading — a line may start at a whole district, and where you let go decides what the other end is: a hexagon ends the line at that building, and the empty comb just touching another district ends it at the whole district.
  9. Drag a linked district across the plan — a line meets a district at whichever of its buildings faces the other end, so it changes corners as the district passes. Nothing about where it attaches is stored; it is worked out again on every render, and while you are still dragging.
  10. Click a line, then press Delete — or Tab to reach one without a pointer at all. Undo brings it back.
  11. Meet the two refusals — with Link on, drag from the Green Belt's ground onto Park: a district may not be linked to its own building, because containment already says it. Then take Park out of the Green Belt in the drawer below and try to take Orchard out too: a district a line reaches may not lose its last building, and the refusal names the line in the way.
  12. Select a building with the arrow keys, press Link, then Space — a line starts from the keyboard too; arrow to another building and press Space again to connect them. Tab to a district's outlined region instead, and Space starts the line from the whole district.
  13. Click a selected building again, then click an empty cell — no dragging: a second click picks it up, a third puts it down.
  14. Rename a district below, change its ground, or clear its name entirely — a district may have none.
  15. Read the line under “Civic Quarter”, then type a note of your own for another district in the drawer below — it prints on the board the same way, under that district's own heading.
  16. Watch the Turtle change as you go.
Palette3 not on the plan

Click one, then click a cell. Or drag it onto the plan. With JavaScript off this is a list.

Civic QuarterRebuilt twice; the name outlasted both.Green BeltMarket RowerrandsTown HallCivic QuarterLibraryCivic QuarterStationSchoolCivic QuarterClinicCivic QuarterBakeryMarket RowGrocerMarket RowFloristMarket RowCinemaParkGreen BeltOrchardGreen BeltMuseum

Drag a tile and it moves alone. Drag a district's heading and the whole district moves with it.

Districts3
NameGroundNoteIn itDelete
4
2
3

Select a building to move it between districts.

Diagram contents as a list
TileGroupColumnRow
Town HallCivic Quarter10
LibraryCivic Quarter20
Station—50
SchoolCivic Quarter11
ClinicCivic Quarter21
BakeryMarket Row41
GrocerMarket Row51
FloristMarket Row61
Cinema—42
ParkGreen Belt03
OrchardGreen Belt13
Museum—33