Canvas with Remix

routes list

const data = [
  { id: 0, name: "line" },
  { id: 1, name: "arrow" },
  { id: 2, name: "circle" },
  { id: 3, name: "diamond" },
  { id: 4, name: "image" },
  { id: 6, name: "rectangle" },
  { id: 7, name: "square" },
  { id: 8, name: "star" },
  { id: 9, name: "triangle" },
  { id: 10, name: "video" },
];