Icons

The following 77 icons are included.

Scatter

Simply use the ea_icons to which you pass the name of the icon you want.

library(echarts4r)
#> Welcome to echarts4r
#> 
#> Docs: echarts4r.john-coene.com
library(echarts4r.assets)

mtcars %>% 
  e_charts(mpg) %>% 
  e_scatter(
    wt, 
    qsec,
    symbol = ea_icons("trash"),
    name = "Trash"
  ) %>% 
  e_legend(icons = ea_icons("trash"))

Legend

You can pass multiple names to ea_icons.

# laod icon data
data("icons") 

# select 3 random icons (1 / group)
icon_names <- sample(icons$name, 3) 

iris %>% 
  group_by(Species) %>% 
  e_charts(Sepal.Length) %>% 
  e_scatter(Sepal.Width, Petal.Length) %>% 
  e_legend(
    icon = ea_icons(icon_names)
  )

Pictorial

Works with anything that takes a symbol.

y <- rnorm(10, 10, 2)
df <- data.frame(
  x = 1:10,
  y = y,
  z = y - rnorm(10, 5, 1)
)

df %>% 
  e_charts(x) %>% 
  e_pictorial(
    y, 
    name = "volume",
    symbol = ea_icons("microphone"), 
    symbolRepeat = TRUE, 
    z = -1,
    symbolSize = c(20, 30)
  ) %>% 
  e_theme("dark")

Search

You can search icons with the convenience function e_icon_search.

ea_icons_search("no")
#> [1] "no_volume"    "notification"

Custom

Look at the output of ea_icons to understand how to pass your own SVG paths.

cat(
  ea_icons("volume")
)
#> path://M72.5,65.9 M90,50c0,8.6-2.5,16.9-7.3,24.1c-0.4,0.6-1,0.9-1.7,0.9c-0.4,0-0.8-0.1-1.1-0.3
#>      c-0.9-0.6-1.2-1.8-0.6-2.8C83.7,65.4,86,57.8,86,50c0-7.8-2.3-15.3-6.6-21.9c-0.6-0.9-0.4-2.2,0.6-2.8c0.9-0.6,2.2-0.3,2.8,0.6
#>      C87.5,33.1,90,41.4,90,50z M79.8,50c0,5.8-1.5,11.6-4.4,16.8c-0.4,0.6-1,1-1.7,1c-0.3,0-0.7-0.1-1-0.3c-1-0.5-1.3-1.8-0.8-2.7
#>      c2.6-4.5,3.9-9.6,3.9-14.8c0-5.2-1.3-10.3-3.9-14.8c-0.5-1-0.2-2.2,0.8-2.7c1-0.5,2.2-0.2,2.7,0.7C78.3,38.4,79.8,44.2,79.8,50z
#>       M69.6,50c0,3.2-0.6,6.2-1.8,9.1c-0.3,0.8-1.1,1.2-1.8,1.2c-0.2,0-0.5,0-0.8-0.1c-1-0.4-1.5-1.6-1.1-2.6c1-2.4,1.5-4.9,1.5-7.6
#>      s-0.5-5.2-1.5-7.6c-0.4-1,0.1-2.2,1.1-2.6c1-0.4,2.2,0.1,2.6,1.1C69,43.8,69.6,46.9,69.6,50z M58,16v68c0,0.8-0.5,1.5-1.2,1.8
#>      C56.5,85.9,56.3,86,56,86c-0.5,0-1-0.2-1.4-0.6L36.2,67H12c-1.1,0-2-0.9-2-2V35c0-1.1,0.9-2,2-2h24.2l18.4-18.4
#>      c0.6-0.6,1.4-0.7,2.2-0.4C57.5,14.5,58,15.2,58,16z M35,37H14v26h21V37z M54,20.8l-15,15v28.3l15,15V20.8z

All icons

All 77 icons.

icons$name
#>  [1] "attachment"       "bar_graph"        "book"            
#>  [4] "bookmark"         "briefcase"        "browser"         
#>  [7] "calendar"         "camera"           "cancel"          
#> [10] "clock"            "comment_lines"    "comment"         
#> [13] "computer"         "controls"         "conversation"    
#> [16] "create_new"       "credit_card"      "crosshair"       
#> [19] "diary"            "document"         "down_arrow"      
#> [22] "email"            "folder"           "forward"         
#> [25] "heart"            "home"             "inbox"           
#> [28] "layers"           "left_arrow"       "link"            
#> [31] "list"             "location_marker"  "location"        
#> [34] "map"              "medal"            "menu"            
#> [37] "microphone"       "minus"            "more_details_(3)"
#> [40] "more_details_(4)" "music"            "no_volume"       
#> [43] "notification"     "padlock"          "phone"           
#> [46] "photo"            "pie_chart"        "pin"             
#> [49] "plus"             "printer"          "profile"         
#> [52] "rearrange"        "refresh"          "reply"           
#> [55] "right_arrow"      "save"             "search"          
#> [58] "settings"         "share"            "shopping"        
#> [61] "signal"           "signals"          "star"            
#> [64] "tablet"           "tag"              "tick"            
#> [67] "toggle"           "trash"            "typing_comment"  
#> [70] "up_arrow"         "user"             "users"           
#> [73] "video_camera"     "video"            "view"            
#> [76] "volume"           "warning"

John Coene