Skip to content

Instantly share code, notes, and snippets.

@helgasoft

helgasoft/svg.timeline.R

Last active January 22, 2023 14:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save helgasoft/b2b7679f1469abc2c839444f4435fcdd to your computer and use it in GitHub Desktop.
Save helgasoft/b2b7679f1469abc2c839444f4435fcdd to your computer and use it in GitHub Desktop.
Download ZIP
R | ECharts | custom SVG map with timeline
Raw
svg.timeline.R
library(echarty)
url <- 'https://test.softpower.tw/echartstw/example/svg/football.svg'
svg <- url |> readLines(encoding='UTF-8') |> paste0(collapse="")
p <- ec.init(preset=FALSE,
backgroundColor= '#228b22',
geo= list("map"="football"),
title= list(text ='2014 World Cup', textStyle=list( color='#FFFF00'),
subtext='original JS code', subtextStyle= list(color='#FFFF00'),
sublink='https://test.softpower.tw/echartstw/example/map19.html'
),
tooltip= list(trigger='item'),
toolbox= list(show =TRUE,feature =list(mark =list(show=TRUE),dataView =list(show=TRUE, readOnly=FALSE),restore =list(show=TRUE),saveAsImage=list(show=TRUE))),
timeline= list(type='number', data= list(1,2,3,4,5,6,7,8,9,10,11,12),
playInterval=1000, autoPlay=FALSE ),
options= list(
list(
series= list(list(
name='2014 World Cup', type='map', geoIndex=0,
label=list(show=FALSE), emphasis=list(label=list(show=FALSE)),
markPoint=list(symbol='circle', symbolSize=15, label=list(show=FALSE),
itemStyle=list(borderWidth=1,color='blue',lineStyle=list(type='solid')),
data=list(list(name='1 Elethos', value='Elethos', coord=list(110, 296.913)),list(name='Martinez2', value='Martinez', coord=list(200, 200.913)),list(name='Amoreby 3', value='Amoreby', coord=list(200, 400.913)),list(name='Iraura 4', value='Iraura', coord=list(220, 150.913)),list(name='Ortnetzer 5', value='Ortnetzer', coord=list(220, 450.913)),list(name='Ituraspe 6', value='Ituraspe', coord=list(300, 200.913)),list(name='Demax 7', value='Demax', coord=list(300, 400.913)),list(name='Suseta 8', value='Suseta', coord=list(350, 110.913)),list(name='Herrera9', value='Herrera', coord=list(350, 296.913)),list(name='Munyain 10', value='Munyain', coord=list(350, 510.913)),list(name='Lorent11', value='Lorent', coord=list(400, 296.913)),list(name='1 Valdes',itemStyle=list(normal=list(color='red',label=list(show=TRUE,color='red',textStyle=list(color='white',fontSize='12')))),value='Valdes', coord=list(750, 296.913)),list(name='2 Messi',itemStyle=list(normal=list(color='red',label=list(show=TRUE,color='red',textStyle=list(color='white',fontSize='12')))),value='Messi', coord=list(450, 296.913)),list(name='3 Pique',itemStyle=list(normal=list(color='red',label=list(show=TRUE,color='red',textStyle=list(color='white',fontSize='12')))),value='Pic', coord=list(650, 200.913)),list(name='4 Celano',itemStyle=list(normal=list(color='red',label=list(show=TRUE,color='red',textStyle=list(color='white',fontSize='12')))),value='Cerano', coord=list(650, 400.913)),list(name='5 Alves',itemStyle=list(normal=list(color='red',label=list(show=TRUE,color='red',textStyle=list(color='white',fontSize='12')))),value='Alves', coord=list(630, 150.913)),list(name='6 Abidal',itemStyle=list(normal=list(color='red',label=list(show=TRUE,color='red',textStyle=list(color='white',fontSize='12')))),value='Abidal', coord=list(630, 450.913)),list(name='7 Thiago',itemStyle=list(normal=list(color='red',label=list(show=TRUE,color='red',textStyle=list(color='white',fontSize='12')))),value='Tiago', coord=list(550, 200.913)),list(name='8 Butzkes',itemStyle=list(normal=list(color='red',label=list(show=TRUE,color='red',textStyle=list(color='white',fontSize='12')))),value='butzx', coord=list(580, 296.913)),list(name='9 Regas',itemStyle=list(normal=list(color='red',label=list(show=TRUE,color='red',textStyle=list(color='white',fontSize='12')))),value='Regas', coord=list(550, 400.913)),list(name='10 Iniesta',itemStyle=list(normal=list(color='red',label=list(show=TRUE,color='red',textStyle=list(color='white',fontSize='12')))),value='Iniesta', coord=list(480, 110.913)),list(name='11 Villa',itemStyle=list(normal=list(color='red',label=list(show=TRUE,color='red',textStyle=list(color='white',fontSize='12')))),value='Villa', coord=list(480, 510.913)))),
markLine=list(itemStyle=list(normal=list(borderWidth=1,color='gold',lineStyle=list(type='solid'))),
data=list(list(list(name='Elethos', coord=list(110, 296.913)),list(name='Martinez', coord=list(200, 200.913)))))))),
list(
series=list(list(type='map', geoIndex=0,
markPoint=list(data=list(list(name='1 Elithos',itemStyle=list(color='blue'),value='Elethos', coord=list(110+(runif(1)*3), 296.913)),list(name='Martinez2', value='Martinez', coord=list(200, 200.913)),list(name='Amoreby 3', value='Amoreby', coord=list(210, 420.913)),list(name='Iraura 4', value='Iraura', coord=list(230, 140.913)),list(name='Ortnetzer 5', value='Ortnetzer', coord=list(230, 460.913)),list(name='Ituraspe 6', value='Ituraspe', coord=list(320, 210.913)),list(name='Demarcus 7', value='Demarcus', coord=list(310, 390.913)),list(name='Suseta 8', value='Suseta', coord=list(358.91, 112.913)),list(name='Herrera9', value='Herrera', coord=list(356, 286.913)),list(name='Munyain 10', value='Munyain', coord=list(360, 516.913)),list(name='Lorent11', value='Lorent', coord=list(420, 306.913)),list(name='1 Valdes',itemStyle=list(color='red'), label=list(color='red'),value='Valdes', coord=list(750-(runif(1)*3), 296.913)),list(name='2 Messi',itemStyle=list(color='red',label=list(show=TRUE,color='red')),value='Messi', coord=list(460, 305.913)),list(name='3 Pique',itemStyle=list(color='red',label=list(show=TRUE,color='red')),value='Pic', coord=list(640, 200.913)),list(name='4 Celano',itemStyle=list(color='red',label=list(show=TRUE,color='red')),value='Cerano', coord=list(650, 410.913)),list(name='5 Alves',itemStyle=list(color='red',label=list(show=TRUE,color='red')),value='Alves', coord=list(630, 150.913)),list(name='6 Abidal',itemStyle=list(color='red',label=list(show=TRUE,color='red')),value='Abidal', coord=list(630, 450.913)),list(name='7 Thiago',itemStyle=list(color='red',label=list(show=TRUE,color='red')),value='Tiago', coord=list(530, 200.913)),list(name='8 Butzkes',itemStyle=list(color='red',label=list(show=TRUE,color='red')),value='butzx', coord=list(570, 296.913)),list(name='9 Regas',itemStyle=list(color='red',label=list(show=TRUE,color='red')),value='Regas', coord=list(540, 410.913)),list(name='10 Iniesta',itemStyle=list(color='red',label=list(show=TRUE,color='red')),value='Iniesta', coord=list(480, 110.913)),list(name='11 Villa',itemStyle=list(color='red',label=list(show=TRUE,color='red')),value='Villa', coord=list(480, 510.913)))),
markLine=list(data=list(list(list(name='Martinez', coord=list(200, 200.913)),list(name='Ituraspe', coord=list(320, 210.913)))))))),
list(
series=list(list(type='map', geoIndex=0,
markPoint=list(data=list(list(name='1 Elithos',itemStyle=list(color='blue'),value='Elethos', coord=list(110, 296.913)),list(name='Martinez 2', value='Martinez', coord=list(220, 208.913)),list(name='Amorebi 3', value='Amorebi', coord=list(220.15, 420.913)),list(name='Iraura 4', value='Iraura', coord=list(250, 140.913)),list(name='Ortnetzer 5', value='Ortnetzer', coord=list(250, 460.913)),list(name='Ituraspe 6', value='Ituraspe', coord=list(320, 210.913)),list(name='Demarcus 7', value='Demarcus', coord=list(330, 400.913)),list(name='Suseta 8', value='Suseta', coord=list(369.98, 114.913)),list(name='Herrera9', value='Herrera', coord=list(366, 276.913)),list(name='Munyain 10', value='Munyain', coord=list(390, 486.913)),list(name='Lorent11', value='Lorent', coord=list(430, 318.913)),list(name='1 Valdes',itemStyle=list(color='red'),value='Valdes', coord=list(750, 296.913)),list(name='2 Messi',itemStyle=list(color='red'),value='Messi', coord=list(460, 318.913)),list(name='3 Pique',itemStyle=list(color='red'),value='Pique', coord=list(630, 210.913)),list(name='4 Celano',itemStyle=list(color='red'),value='Cerano', coord=list(650, 410.913)),list(name='5 Alves',itemStyle=list(color='red'),value='Alves', coord=list(612.5, 170.913)),list(name='6 Abidal',itemStyle=list(color='red'),value='Abidal', coord=list(610, 438.913)),list(name='7 Thiago',itemStyle=list(color='red'),value='Tiago', coord=list(530, 200.913)),list(name='8 Butzkes',itemStyle=list(color='red'),value='butzx', coord=list(560, 296.913)),list(name='9 Regas',itemStyle=list(color='red'),value='Regas', coord=list(520, 410.913)),list(name='10 Iniesta',itemStyle=list(color='red'),value='Iniesta', coord=list(478, 113.913)),list(name='11 Villa',itemStyle=list(color='red'),value='Villa', coord=list(460, 487.913)))),
markLine=list(data=list(list(list(name='Ituraspe', coord=list(320, 210.913)),list(name='Herrera', coord=list(366, 276.913)))))))),
list(
series=list(list(type='map', geoIndex=0,
markPoint=list(data=list(list(name='1 Elithos',itemStyle=list(color='blue'),value='Elethos', coord=list(110, 296.913)),list(name='Martinez 2', value='Martinez', coord=list(240, 208.913)),list(name='Amoreby 3', value='Amoreby', coord=list(230.15, 420.913)),list(name='Iraura 4', value='Iraura', coord=list(270, 141.913)),list(name='Ortnetzer 5', value='Ortnetzer', coord=list(340.12, 461.913)),list(name='Ituraspe 6', value='Ituraspe', coord=list(400, 196.913)),list(name='Demarcus 7', value='Demarcus', coord=list(360, 400.913)),list(name='Suseta 8', value='Suseta', coord=list(398.98, 113.913)),list(name='Herrera9', value='Herrera', coord=list(366, 276.913)),list(name='Munyain 10', value='Munyain', coord=list(440, 466.913)),list(name='Lorent11', value='Lorent', coord=list(480, 331.913)),list(name='1 Valdes',itemStyle=list(color='red'),value='Valdes', coord=list(750, 296.913)),list(name='2 Messi',itemStyle=list(color='red'),value='Messi', coord=list(510, 331.913)),list(name='3 Pique',itemStyle=list(color='red'),value='Pique', coord=list(630, 210.913)),list(name='4 Celano',itemStyle=list(color='red'),value='Cerano', coord=list(630, 390.913)),list(name='5 Alves',itemStyle=list(color='red'),value='Alves', coord=list(600.5, 180.713)),list(name='6 Abidal',itemStyle=list(color='red'),value='Abidal', coord=list(610, 438.913)),list(name='7 Thiago',itemStyle=list(color='red'),value='Tiago', coord=list(531, 208.913)),list(name='8 Butzkes',itemStyle=list(color='red'),value='butzx', coord=list(550, 301.913)),list(name='9 Regas',itemStyle=list(color='red'),value='Regas', coord=list(520, 401.913)),list(name='10 Iniesta',itemStyle=list(color='red'),value='Iniesta', coord=list(478, 113.913)),list(name='11 Villa',itemStyle=list(color='red'),value='Villa', coord=list(460, 487.913)))),
markLine=list(data=list(list(list(name='Herrera', coord=list(366, 276.913)),list(name='Demarcus', coord=list(360, 400.913)))))))),
list(
series=list(list(type='map', geoIndex=0,
markPoint=list(data=list(list(name='1 Elithos',itemStyle=list(color='blue'),value='Elethos', coord=list(110, 296.913)),list(name='Martinez2', value='Martinez', coord=list(243, 211.913)),list(name='Amoreby 3', value='Amoreby', coord=list(240.715, 400.313)),list(name='Iraura 4', value='Iraura', coord=list(288, 142.913)),list(name='Ortnetzer 5', value='Ortnetzer', coord=list(360.12, 451.123)),list(name='Ituraspe 6', value='Ituraspe', coord=list(408, 199.913)),list(name='Demarcus 7', value='Demarcus', coord=list(360, 400.913)),list(name='Suseta 8', value='Suseta', coord=list(400.98, 112.913)),list(name='Herrera9', value='Herrera', coord=list(366, 276.913)),list(name='Munyain 10', value='Munyain', coord=list(440, 466.913)),list(name='Lorent11', value='Lorent', coord=list(510, 351.983)),list(name='1 Valdes',itemStyle=list(color='red'),value='Valdes', coord=list(750, 296.913)),list(name='2 Messi',itemStyle=list(color='red'),value='Messi', coord=list(510, 329.913)),list(name='3 Pique',itemStyle=list(color='red'),value='Pique', coord=list(620.124, 237.183)),list(name='4 Celano',itemStyle=list(color='red'),value='Cerano', coord=list(630, 330.913)),list(name='5 Alves',itemStyle=list(color='red'),value='Alves', coord=list(588.785, 170.913)),list(name='6 Abidal',itemStyle=list(color='red'),value='Abidal', coord=list(610, 438.913)),list(name='7 Thiago',itemStyle=list(color='red'),value='Tiago', coord=list(521, 228.393)),list(name='8 Butzkes',itemStyle=list(color='red'),value='butzx', coord=list(560, 318.913)),list(name='9 Regas',itemStyle=list(color='red'),value='Regas', coord=list(520, 401.913)),list(name='10 Iniesta',itemStyle=list(color='red'),value='Iniesta', coord=list(478, 123.913)),list(name='11 Villa',itemStyle=list(color='red'),value='Villa', coord=list(462, 485.913)))),
markLine=list(data=list(list(list(name='Demarcus', coord=list(360, 400.913)),list(name='Ortnetzer', coord=list(360.12, 451.123)))))))),
list(
series=list(list(type='map', geoIndex=0,
markPoint=list(data=list(list(name='1 Elithos',itemStyle=list(color='blue'),value='Elethos', coord=list(110+(runif(1)*3), 296.913)),list(name='Martinez2', value='Martinez', coord=list(245, 208.913)),list(name='Amoreby 3', value='Amoreby', coord=list(248.715, 396.313)),list(name='Iraura 4', value='Iraura', coord=list(298, 145.913)),list(name='Ortnetzer 5', value='Ortnetzer', coord=list(360.12, 451.123)),list(name='Ituraspe 6', value='Ituraspe', coord=list(416.4, 210.95)),list(name='Demarcus 7', value='Demarcus', coord=list(371.69, 391.413)),list(name='Suseta 8', value='Suseta', coord=list(420.198, 113.913)),list(name='Herrera9', value='Herrera', coord=list(376.01, 296.913)),list(name='Munyain 10', value='Munyain', coord=list(456.88, 436.913)),list(name='Lorent11', value='Lorent', coord=list(520.48, 361.783)),list(name='1 Valdes',itemStyle=list(color='red'),value='Valdes', coord=list(750-(runif(1)*3), 296.913)),list(name='2 Messi',itemStyle=list(color='red'),value='Messi', coord=list(480, 331.913)),list(name='3 Pique',itemStyle=list(color='red'),value='Pique', coord=list(612.124, 257.183)),list(name='4 Celano',itemStyle=list(color='red'),value='Cerano', coord=list(624.96, 340.883)),list(name='5 Alves',itemStyle=list(color='red'),value='Alves', coord=list(578.785, 160.913)),list(name='6 Abidal',itemStyle=list(color='red'),value='Abidal', coord=list(610, 418.413)),list(name='7 Thiago',itemStyle=list(color='red'),value='Tiago', coord=list(510.69, 228.393)),list(name='8 Butzkes',itemStyle=list(color='red'),value='butzx', coord=list(560, 348.913)),list(name='9 Regas',itemStyle=list(color='red'),value='Regas', coord=list(516, 427.913)),list(name='10 Iniesta',itemStyle=list(color='red'),value='Iniesta', coord=list(468.02, 143.913)),list(name='11 Villa',itemStyle=list(color='red'),value='Villa', coord=list(462, 475.913)))),
markLine=list(data=list(list(list(name='Ortnetzer', coord=list(360.12, 451.123)),list(name='Munyain', coord=list(456.88, 436.913)))))))),
list(
series=list(list(type='map', geoIndex=0,
markPoint=list(data=list(list(name='1 Elithos',itemStyle=list(color='blue'),value='Elethos', coord=list(110+(runif(1)*2), 296.913+(runif(1)*3))),list(name='Martinez2', value='Martinez', coord=list(255, 238.993)),list(name='Amoreby 3', value='Amoreby', coord=list(258.815, 376.313)),list(name='Iraura 4', value='Iraura', coord=list(308, 145.713)),list(name='Ortnetzer 5', value='Ortnetzer', coord=list(368.12, 447.923)),list(name='Ituraspe 6', value='Ituraspe', coord=list(436.94, 228.95)),list(name='Demarcus 7', value='Demarcus', coord=list(391.769, 371.413)),list(name='Suseta 8', value='Suseta', coord=list(430.198, 103.913)),list(name='Herrera9', value='Herrera', coord=list(406.01, 286.313)),list(name='Munyain 10', value='Munyain', coord=list(456.88, 436.913)),list(name='Lorent11', value='Lorent', coord=list(520.48, 361.783)),list(name='1 Valdes',itemStyle=list(color='red'),value='Valdes', coord=list(750+(runif(1)*5), 296.913+(runif(1)*3))),list(name='2 Messi',itemStyle=list(color='red'),value='Messi', coord=list(450, 321.913)),list(name='3 Pique',itemStyle=list(color='red'),value='Pique', coord=list(605.324, 277.183)),list(name='4 Celano',itemStyle=list(color='red'),value='Cerano', coord=list(620, 348.913)),list(name='5 Alves',itemStyle=list(color='red'),value='Alves', coord=list(558.785, 168.913)),list(name='6 Abidal',itemStyle=list(color='red'),value='Abidal', coord=list(589.998, 408.413)),list(name='7 Thiago',itemStyle=list(color='red'),value='Tiago', coord=list(500.169, 208.693)),list(name='8 Butzkes',itemStyle=list(color='red'),value='butzx', coord=list(560, 348.913)),list(name='9 Regas',itemStyle=list(color='red'),value='Regas', coord=list(486, 418.913)),list(name='10 Iniesta',itemStyle=list(color='red'),value='Iniesta', coord=list(461.01, 148.913)),list(name='11 Villa',itemStyle=list(color='red'),value='Villa', coord=list(432, 475.813)))),
markLine=list(data=list(list(list(name='Munyain', coord=list(456.88, 436.913)),list(name='Lorent', coord=list(520.48, 361.783)))))))),
list(
series=list(list(type='map', geoIndex=0,
markPoint=list(data=list(list(name='1 Elithos',itemStyle=list(color='blue'),value='Elethos', coord=list(110+(runif(1)*2), 296.913+(runif(1)*3))),list(name='Martinez2', value='Martinez', coord=list(285, 238.993)),list(name='Amoreby 3', value='Amoreby', coord=list(288.815, 356.313)),list(name='Iraura 4', value='Iraura', coord=list(318, 168.713)),list(name='Ortnetzer 5', value='Ortnetzer', coord=list(398.12, 437.923)),list(name='Ituraspe 6', value='Ituraspe', coord=list(469.94, 238.95)),list(name='Demarcus 7', value='Demarcus', coord=list(421.769, 381.413)),list(name='Suseta 8', value='Suseta', coord=list(460.198, 103.913)),list(name='Herrera9', value='Herrera', coord=list(426.01, 286.313)),list(name='Munyain 10', value='Munyain', coord=list(486.88, 456.913)),list(name='Lorent11', value='Lorent', coord=list(520.48, 361.783)),list(name='1 Valdes',itemStyle=list(color='red'),value='Valdes', coord=list(750+(runif(1)*5), 296.913+(runif(1)*3))),list(name='2 Messi',itemStyle=list(color='red'),value='Messi', coord=list(420, 311.913)),list(name='3 Pique',itemStyle=list(color='red'),value='Pique', coord=list(575.324, 268.183)),list(name='4 Celano',itemStyle=list(color='red'),value='Cerano', coord=list(620, 308.913)),list(name='5 Alves',itemStyle=list(color='red'),value='Alves', coord=list(548.785, 158.913)),list(name='6 Abidal',itemStyle=list(color='red'),value='Abidal', coord=list(581.598, 428.413)),list(name='7 Thiago',itemStyle=list(color='red'),value='Tiago', coord=list(470.869, 218.693)),list(name='8 Butzkes',itemStyle=list(color='red'),value='butzx', coord=list(560, 328.913)),list(name='9 Regas',itemStyle=list(color='red'),value='Regas', coord=list(476, 388.913)),list(name='10 Iniesta',itemStyle=list(color='red'),value='Iniesta', coord=list(431.01, 148.913)),list(name='11 Villa',itemStyle=list(color='red'),value='Villa', coord=list(402, 471.813)))),
markLine=list(data=list(list(list(name='Lorent', coord=list(520.48, 361.783)),list(name='Ituraspe', coord=list(466.94, 238.95)))))))),
list(
series=list(list(type='map', geoIndex=0,
markPoint=list(data=list(list(name='1 Elithos',itemStyle=list(color='blue'),value='Elethos', coord=list(110+(runif(1)*2), 296.913+(runif(1)*3))),list(name='Martinez2', value='Martinez', coord=list(315, 238.993)),list(name='Amoreby 3', value='Amoreby', coord=list(321.815, 356.313)),list(name='Iraura 4', value='Iraura', coord=list(358, 168.713)),list(name='Ortnetzer 5', value='Ortnetzer', coord=list(425.12, 437.923)),list(name='Ituraspe 6', value='Ituraspe', coord=list(469.94, 238.95)),list(name='Demarcus 7', value='Demarcus', coord=list(425.769, 351.413)),list(name='Suseta 8', value='Suseta', coord=list(480.198, 103.913)),list(name='Herrera9', value='Herrera', coord=list(459.01, 286.313)),list(name='Munyain 10', value='Munyain', coord=list(500.88, 446.913)),list(name='Lorent11', value='Lorent', coord=list(540.48, 381.783)),list(name='1 Valdes',itemStyle=list(color='red'),value='Valdes', coord=list(750+(runif(1)*5), 296.913+(runif(1)*3))),list(name='2 Messi',itemStyle=list(color='red'),value='Messi', coord=list(400.66, 311.913)),list(name='3 Pique',itemStyle=list(color='red'),value='Pique', coord=list(545.324, 269.183)),list(name='4 Celano',itemStyle=list(color='red'),value='Cerano', coord=list(600, 308.913)),list(name='5 Alves',itemStyle=list(color='red'),value='Alves', coord=list(521.185, 148.913)),list(name='6 AbbieDahl',itemStyle=list(color='red'),value='Abidal', coord=list(581.598, 388.413)),list(name='7 Thiago',itemStyle=list(color='red'),value='Tiago', coord=list(440.869, 228.693)),list(name='8 Butzkes',itemStyle=list(color='red'),value='butzx', coord=list(540, 338.913)),list(name='9 Regas',itemStyle=list(color='red'),value='Regas', coord=list(476, 408.913)),list(name='10 Iniesta',itemStyle=list(color='red'),value='Iniesta', coord=list(401.01, 128.913)),list(name='11 Villa',itemStyle=list(color='red'),value='Villa', coord=list(365, 451.813)))),
markLine=list(data=list(list(list(name='Ituraspe', coord=list(466.94, 238.95)),list(name='Herrera', coord=list(459.01, 286.313)))))))),
list(
series=list(list(type='map', geoIndex=0,
markPoint=list(data=list(list(name='1 Elithos',itemStyle=list(color='blue'),value='Elethos', coord=list(110+(runif(1)*2), 296.913+(runif(1)*3))),list(name='Martinez2', value='Martinez', coord=list(335, 238.993)),list(name='Amoreby 3', value='Amoreby', coord=list(336.815, 356.313)),list(name='Iraura 4', value='Iraura', coord=list(368, 178.713)),list(name='Ortnetzer 5', value='Ortnetzer', coord=list(445.12, 437.923)),list(name='Ituraspe 6', value='Ituraspe', coord=list(479.94, 231.95)),list(name='Demarcus 7', value='Demarcus', coord=list(435.169, 351.413)),list(name='Suseta 8', value='Suseta', coord=list(495.198, 103.913)),list(name='Herrera9', value='Herrera', coord=list(469.01, 296.313)),list(name='Munyain 10', value='Munyain', coord=list(550.88, 461.913)),list(name='Lorent11', value='Lorent', coord=list(550.48, 415.783)),list(name='1 Valdes',itemStyle=list(color='red'),value='Valdes', coord=list(750+(runif(1)*5), 296.913+(runif(1)*3))),list(name='2 Messi',itemStyle=list(color='red'),value='Messi', coord=list(395.66, 281.913)),list(name='3 Pique',itemStyle=list(color='red'),value='Pique', coord=list(525.324, 259.183)),list(name='4 Celano',itemStyle=list(color='red'),value='Cerano', coord=list(618, 338.913)),list(name='5 Alves',itemStyle=list(color='red'),value='Alves', coord=list(508.185, 128.913)),list(name='6 Abidal',itemStyle=list(color='red'),value='Abidal', coord=list(568.598, 399.413)),list(name='7 Thiago',itemStyle=list(color='red'),value='Tiago', coord=list(420.869, 248.693)),list(name='8 Butzkes',itemStyle=list(color='red'),value='butzx', coord=list(520, 318.913)),list(name='9 Regas',itemStyle=list(color='red'),value='Regas', coord=list(476, 408.913)),list(name='10 Iniesta',itemStyle=list(color='red'),value='Iniesta', coord=list(401.01, 128.913)),list(name='11 Villa',itemStyle=list(color='red'),value='Villa', coord=list(365, 451.813)))),
markLine=list(data=list(list(list(name='Herrera', coord=list(459.01, 286.313)),list(name='Lorent', coord=list(540.48, 405.783)))))))),
list(
series=list(list(type='map', geoIndex=0,
markPoint=list(data=list(list(name='1 Elithos',itemStyle=list(color='blue'),value='Elethos', coord=list(110+(runif(1)*2), 296.913+(runif(1)*3))),list(name='Martinez2', value='Martinez', coord=list(325, 218.993)),list(name='Amoreby 3', value='Amoreby', coord=list(346.815, 376.313)),list(name='Iraura 4', value='Iraura', coord=list(371, 161.713)),list(name='Ortnetzer 5', value='Ortnetzer', coord=list(455.12, 437.923)),list(name='Ituraspe 6', value='Ituraspe', coord=list(499.94, 211.95)),list(name='Demarcus 7', value='Demarcus', coord=list(455.169, 361.413)),list(name='Suseta 8', value='Suseta', coord=list(525.198, 103.913)),list(name='Herrera9', value='Herrera', coord=list(489.01, 296.313)),list(name='Munyain 10', value='Munyain', coord=list(580.88, 461.913)),list(name='Lorent11', value='Lorent', coord=list(550.48, 415.783)),list(name='1 Valdes',itemStyle=list(color='red'),value='Valdes', coord=list(750+(runif(1)*5), 296.913+(runif(1)*3))),list(name='2 Messi',itemStyle=list(color='red'),value='Messi', coord=list(375.66, 282.913)),list(name='3 Pique',itemStyle=list(color='red'),value='Pique', coord=list(525.324, 239.183)),list(name='4 Celano',itemStyle=list(color='red'),value='Cerano', coord=list(648, 338.913)),list(name='5 Alves',itemStyle=list(color='red'),value='Alves', coord=list(518.185, 126.913)),list(name='6 Abidal',itemStyle=list(color='red'),value='Abidal', coord=list(578.598, 429.413)),list(name='7 Thiago',itemStyle=list(color='red'),value='Tiago', coord=list(408.869, 228.693)),list(name='8 Butzkes',itemStyle=list(color='red'),value='butzx', coord=list(518, 317.913)),list(name='9 Regas',itemStyle=list(color='red'),value='Regas', coord=list(476, 408.913)),list(name='10 Iniesta',itemStyle=list(color='red'),value='Iniesta', coord=list(381.01, 138.913)),list(name='11 Villa',itemStyle=list(color='red'),value='Villa', coord=list(360, 431.813)))),
markLine=list(data=list(list(list(name='Lorent', coord=list(550.48, 415.783)),list(name='Munyain', coord=list(580.88, 461.913)))))))),
list(
series=list(list(type='map', geoIndex=0,
markPoint=list(data=list(list(name='1 Elithos',itemStyle=list(color='blue'),value='Elethos', coord=list(110+(runif(1)*2), 296.913+(runif(1)*3))),list(name='Martinez2', value='Martinez', coord=list(335, 238.993)),list(name='Amoreby 3', value='Amoreby', coord=list(336.815, 356.313)),list(name='Iraura 4', value='Iraura', coord=list(368, 178.713)),list(name='Ortnetzer 5', value='Ortnetzer', coord=list(445.12, 437.923)),list(name='Ituraspe 6', value='Ituraspe', coord=list(479.94, 231.95)),list(name='Demarcus 7', value='Demarcus', coord=list(435.169, 351.413)),list(name='Suseta 8', value='Suseta', coord=list(495.198, 103.913)),list(name='Herrera9', value='Herrera', coord=list(469.01, 296.313)),list(name='Munyain 10', value='Munyain', coord=list(580.88, 461.913)),list(name='Lorent11', value='Lorent', coord=list(550.48, 415.783)),list(name='1 Valdes',itemStyle=list(color='red'),value='Valdes', coord=list(750+(runif(1)*5), 296.913+(runif(1)*3))),list(name='2 Messi',itemStyle=list(color='red'),value='Messi', coord=list(395.66, 281.913)),list(name='3 Pique',itemStyle=list(color='red'),value='Pique', coord=list(525.324, 259.183)),list(name='4 Celano',itemStyle=list(color='red'),value='Cerano', coord=list(618, 338.913)),list(name='5 Alves',itemStyle=list(color='red'),value='Alves', coord=list(508.185, 128.913)),list(name='6 Abidal',itemStyle=list(color='red'),value='Abidal', coord=list(568.598, 399.413)),list(name='7 Thiago',itemStyle=list(color='red'),value='Tiago', coord=list(420.869, 248.693)),list(name='8 Butzkes',itemStyle=list(color='red'),value='butzx', coord=list(520, 318.913)),list(name='9 Regas',itemStyle=list(color='red'),value='Regas', coord=list(476, 408.913)),list(name='10 Iniesta',itemStyle=list(color='red'),value='Iniesta', coord=list(401.01, 128.913)),list(name='11 Villa',itemStyle=list(color='red'),value='Villa', coord=list(365, 451.813)))),
markLine=list(data=list(list(list(name='Munyain', coord=list(580.88, 461.913)),list(name='Goalkeeper', coord=list(750+(runif(1)*5), 296.913+(runif(1)*3)))))))))
) # end options
)
p$x$registerMap <- list(list(mapName='football', svg=svg))
p
@helgasoft
Copy link
Author

Example of custom SVG map with timeline animation, for @ihrychaniuk .
Original JS code seems to be using an older version of ECharts.
JS code translated to R with demo(js2r) and cleaned manually.
Interesting discovery - series and markpoints retain their parameters amid options, no need to redefine.

image
if you like this solution, please consider granting a Github star ⭐ to echarty.

@ihrychaniuk
Copy link

Wow, thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment