I am trying to create an animation of traffic movement using kepler.gl visualisation tool but the issue I have is that when I try to import my geoJSON data website crashes.
GeoJSON code sample I am using is as follows:
{
"type": "FeatureCollection",
"features": [
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/1"}, "geometry": {"type": "LineString", "coordinates": [[18.583399,54.35955,0,1430467500], [18.481958,54.384292,0,1430469360]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/2"}, "geometry": {"type": "LineString", "coordinates": [[18.481958,54.384292,0,1430467501], [18.583399,54.35955,0,1430498460]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/3"}, "geometry": {"type": "LineString", "coordinates": [[18.583399,54.35955,0,1430467502], [18.581945,54.405786,0,1430469300]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/4"}, "geometry": {"type": "LineString", "coordinates": [[18.581945,54.405786,0,1430467503], [18.583399,54.35955,0,1430488200]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/5"}, "geometry": {"type": "LineString", "coordinates": [[18.583399,54.35955,0,1430467504], [18.605414,54.380423,0,1430466420]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/6"}, "geometry": {"type": "LineString", "coordinates": [[18.605414,54.380423,0,1430467505], [18.583399,54.35955,0,1430498700]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/7"}, "geometry": {"type": "LineString", "coordinates": [[18.583399,54.35955,0,1430467506], [18.581945,54.405786,0,1430463060]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/8"}, "geometry": {"type": "LineString", "coordinates": [[18.581945,54.405786,0,1430467507], [18.583399,54.35955,0,1430496900]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/9"}, "geometry": {"type": "LineString", "coordinates": [[18.583399,54.35955,0,1430467508], [18.641927,54.380242,0,1430460660]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/10"}, "geometry": {"type": "LineString", "coordinates": [[18.641927,54.380242,0,1430467509], [18.583399,54.35955,0,1430500260]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/11"}, "geometry": {"type": "LineString", "coordinates": [[18.583399,54.35955,0,1430467510], [18.556138,54.324371,0,1430464800]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/12"}, "geometry": {"type": "LineString", "coordinates": [[18.553211,54.334392,0,1430467511], [18.583399,54.35955,0,1430490600]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/13"}, "geometry": {"type": "LineString", "coordinates": [[18.583399,54.35955,0,1430467512], [18.632491,54.357703,0,1430463600]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/14"}, "geometry": {"type": "LineString", "coordinates": [[18.632491,54.357703,0,1430467513], [18.583399,54.35955,0,1430493720]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/15"}, "geometry": {"type": "LineString", "coordinates": [[18.583399,54.35955,0,1430467514], [18.052585,53.131291,0,1430475600]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/16"}, "geometry": {"type": "LineString", "coordinates": [[18.052585,53.131291,0,1430467515], [18.773438,53.472181,0,1430490600]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/17"}, "geometry": {"type": "LineString", "coordinates": [[18.773438,53.472181,0,1430467516], [18.658774,54.268903,0,1430501700]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/18"}, "geometry": {"type": "LineString", "coordinates": [[18.658774,54.268903,0,1430467517], [18.583399,54.35955,0,1430508000]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/19"}, "geometry": {"type": "LineString", "coordinates": [[18.583399,54.35955,0,1430467518], [18.556698,54.344727,0,1430467200]]}},
{"type": "Feature", "properties": {"ID":"GD_1001/2113/1/1/20"}, "geometry": {"type": "LineString", "coordinates": [[18.556698,54.344727,0,1430467519], [18.583399,54.35955,0,1430499900]]}}
]
}
Do you have any ideas what can be the reason? I've validated the code and it looks like everything is just fine apart from the number of elements for coordinates (but that's kepplers requirement and example format looks like this):
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": { "vendor": "A",
"vol":20},
"geometry": {
"type": "LineString",
"coordinates": [
[-74.20986, 40.81773, 0, 1564184363],
[-74.20987, 40.81765, 0, 1564184396],
[-74.20998, 40.81746, 0, 1564184409]
]
}
}
]
}
Any help really appreciated
You'll need at least 3 coordinate/ts pairs to visualize them in kepler -- I've duplicated the 2nd group below:
BTW I also think that the timestamps should be increasing when traversing the line string. I saw a few features that did not satisfy this condition.