{"id":13734985,"url":"https://github.com/dreamRs/apexcharter","last_synced_at":"2025-05-08T11:31:47.819Z","repository":{"id":41192374,"uuid":"142926526","full_name":"dreamRs/apexcharter","owner":"dreamRs","description":":bar_chart: R Htmlwidget for ApexCharts.js","archived":false,"fork":false,"pushed_at":"2024-10-30T08:54:36.000Z","size":20682,"stargazers_count":142,"open_issues_count":14,"forks_count":15,"subscribers_count":11,"default_branch":"master","last_synced_at":"2024-10-30T09:26:15.769Z","etag":null,"topics":["data-visualization","htmlwidgets","r"],"latest_commit_sha":null,"homepage":"https://dreamrs.github.io/apexcharter","language":"R","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dreamRs.png","metadata":{"files":{"readme":"README.md","changelog":"NEWS.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-07-30T20:47:09.000Z","updated_at":"2024-10-30T08:50:02.000Z","dependencies_parsed_at":"2023-10-03T13:53:12.746Z","dependency_job_id":"f0d3662e-361b-4fff-83d4-8b33511092ce","html_url":"https://github.com/dreamRs/apexcharter","commit_stats":{"total_commits":386,"total_committers":3,"mean_commits":"128.66666666666666","dds":"0.010362694300518172","last_synced_commit":"1d94f9d4a6e33e2da138f1af37aa94ce0d6dc2d0"},"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dreamRs%2Fapexcharter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dreamRs%2Fapexcharter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dreamRs%2Fapexcharter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dreamRs%2Fapexcharter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dreamRs","download_url":"https://codeload.github.com/dreamRs/apexcharter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224727173,"owners_count":17359532,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["data-visualization","htmlwidgets","r"],"created_at":"2024-08-03T03:01:01.858Z","updated_at":"2024-11-15T03:31:20.406Z","avatar_url":"https://github.com/dreamRs.png","language":"R","funding_links":[],"categories":["R","Visualization"],"sub_categories":["General-Purpose"],"readme":"# apexcharter\n\n\u003e Htmlwidget for [apexcharts.js](https://github.com/apexcharts/apexcharts.js) : A modern JavaScript charting library to build interactive charts and visualizations with simple API. See the [online documentation](https://dreamrs.github.io/apexcharter/) for examples.\n\n\u003c!-- badges: start --\u003e\n[![CRAN status](https://www.r-pkg.org/badges/version/apexcharter)](https://CRAN.R-project.org/package=apexcharter)\n[![cran checks](https://badges.cranchecks.info/worst/apexcharter.svg)](https://cran.r-project.org/web/checks/check_results_apexcharter.html)\n[![Codecov test coverage](https://codecov.io/gh/dreamRs/apexcharter/branch/master/graph/badge.svg)](https://app.codecov.io/gh/dreamRs/apexcharter?branch=master)\n[![R-CMD-check](https://github.com/dreamRs/apexcharter/actions/workflows/R-CMD-check.yaml/badge.svg)](https://github.com/dreamRs/apexcharter/actions/workflows/R-CMD-check.yaml)\n\u003c!-- badges: end --\u003e\n\n\n## Installation\n\nInstall from [CRAN](https://CRAN.R-project.org/package=apexcharter) with:\n\n```r\ninstall.packages(\"apexcharter\")\n```\n\nOr install the development version from [GitHub](https://github.com/dreamRs/apexcharter) with:\n\n```r\n# install.packages(\"remotes\")\nremotes::install_github(\"dreamRs/apexcharter\")\n```\n\n\n\n## Quick Charts\n\nUse `apex` function to quickly create visualizations :\n\n\n```r\nlibrary(apexcharter)\ndata(\"mpg\", package = \"ggplot2\")\napex(data = mpg, type = \"bar\", mapping = aes(manufacturer))\n```\n![](man/figures/apex-bar.png)\n\n\nWith datetime:\n\n```r\ndata(\"economics\", package = \"ggplot2\")\napex(data = economics, type = \"line\", mapping = aes(x = date, y = uempmed)) %\u003e% \n  ax_stroke(width = 1)\n```\n![](man/figures/apex-line.png)\n\n\n## Full API\n\nAll methods from ApexCharts are available with function like `ax_*` compatible with pipe from `magrittr` :\n\n```r\nlibrary(apexcharter)\ndata(mpg, package = \"ggplot2\")\n\napexchart() %\u003e% \n  ax_chart(type = \"bar\") %\u003e% \n  ax_plotOptions(bar = bar_opts(\n    horizontal = FALSE,\n    endingShape = \"flat\",\n    columnWidth = \"70%\",\n    dataLabels = list(\n      position = \"top\"\n    ))\n  ) %\u003e% \n  ax_grid(\n    show = TRUE,\n    position = \"front\",\n    borderColor = \"#FFF\"\n  ) %\u003e% \n  ax_series(list(\n    name = \"Count\",\n    data = tapply(mpg$manufacturer, mpg$manufacturer, length)\n  )) %\u003e% \n  ax_colors(\"#112446\") %\u003e% \n  ax_xaxis(categories = unique(mpg$manufacturer)) %\u003e% \n  ax_title(text = \"Number of models\") %\u003e% \n  ax_subtitle(text = \"Data from ggplot2\")\n```\n\n![](man/figures/apexcharter-full-bar.png)\n\n\n## Raw API\n\nPass a list of parameters to the function:\n\n```r\napexchart(ax_opts = list(\n  chart = list(\n    type = \"line\"\n  ),\n  stroke = list(\n    curve = \"smooth\"\n  ),\n  grid = list(\n    borderColor = \"#e7e7e7\",\n    row = list(\n      colors = c(\"#f3f3f3\", \"transparent\"),\n      opacity = 0.5\n    )\n  ),\n  dataLabels = list(\n    enabled = TRUE\n  ),\n  markers = list(style = \"inverted\", size = 6),\n  series = list(\n    list(\n      name = \"High\",\n      data = c(28, 29, 33, 36, 32, 32, 33)\n    ),\n    list(\n      name = \"Low\",\n      data = c(12, 11, 14, 18, 17, 13, 13)\n    )\n  ),\n  title = list(\n    text = \"Average High \u0026 Low Temperature\",\n    align = \"left\"\n  ),\n  xaxis = list(\n    categories = month.abb[1:7]\n  ),\n  yaxis = list(\n    title = list(text = \"Temperature\"),\n    labels = list(\n      formatter = htmlwidgets::JS(\"function(value) {return value + '\\u00b0C';}\")\n    )\n  )\n))\n```\n\n![](man/figures/raw-api.png)\n\n\n\n## Development\n\nThis package use [{packer}](https://github.com/JohnCoene/packer) to manage JavaScript assets, see packer's [documentation](https://packer.john-coene.com/#/) for more.\n\nInstall nodes modules with:\n\n```r\npacker::npm_install()\n```\n\nModify `srcjs/widgets/apexcharter.js`, then run:\n\n```r\npacker::bundle()\n```\n\nRe-install R package and try `apexcharter()` or `apex()` functions.\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FdreamRs%2Fapexcharter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FdreamRs%2Fapexcharter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FdreamRs%2Fapexcharter/lists"}