I have successfully used TopoJson and ChartJS to create a map of the UK. However, I am now facing difficulty in drawing two squares off the west coast of GB.
Here is my custom-written TopoJson data:
const topoData = {
type: "Topology",
arcs:
[
[[0,0],[-50,0],[0,50],[50,0],[0,-50]]
],
objects: {
locs: {
type: "GeometryCollection",
geometries: [
{
arcs: [[0]],
type: "Polygon",
properties: {
Name: "Other Regions"
}
}]
}
},
};
Despite my efforts, the square defined in the arcs object does not draw as expected. Instead, it appears incorrectly drawn. See image here: Incorrectly drawn geo
I am unsure where I am going wrong and would appreciate any assistance. Thank you!