tip: use hooks to align dots and lines