From 12a7028b41f307c3ee1572ce1a33fba3081dc49a Mon Sep 17 00:00:00 2001 From: saiemgilani Date: Thu, 8 Oct 2026 21:54:27 -0400 Subject: [PATCH 1/2] docs(readme): link the sdvplot and sdvtables JavaScript packages --- README.Rmd | 10 ++++++++++ README.md | 18 ++++++++++++++++++ 2 files changed, 28 insertions(+) diff --git a/README.Rmd b/README.Rmd index be737f69..011eaee6 100644 --- a/README.Rmd +++ b/README.Rmd @@ -24,6 +24,7 @@ knitr::opts_chunk$set( [![Codecov](https://img.shields.io/codecov/c/github/sportsdataverse/sdvplotR?logo=codecov&style=for-the-badge)](https://app.codecov.io/gh/sportsdataverse/sdvplotR) [![Lifecycle: experimental](https://img.shields.io/badge/lifecycle-experimental-orange.svg?style=for-the-badge&logo=github)](https://lifecycle.r-lib.org/articles/stages.html#experimental) [![R-universe](https://img.shields.io/badge/dynamic/json?style=for-the-badge&color=success&label=r-universe&prefix=v&query=%24.Version&url=https%3A%2F%2Fsportsdataverse.r-universe.dev%2Fapi%2Fpackages%2FsdvplotR)](https://sportsdataverse.r-universe.dev/sdvplotR) +[![npm sdvplot](https://img.shields.io/npm/v/@sportsdataverse/sdvplot?label=npm%20sdvplot&logo=npm&style=for-the-badge&color=success)](https://www.npmjs.com/package/@sportsdataverse/sdvplot) [![Contributors](https://img.shields.io/github/contributors/sportsdataverse/sdvplotR?style=for-the-badge)](https://github.com/sportsdataverse/sdvplotR/graphs/contributors) [![X Follow](https://img.shields.io/twitter/follow/SportsDataverse?color=blue&label=%40SportsDataverse&logo=x&style=for-the-badge)](https://x.com/SportsDataverse) @@ -62,6 +63,14 @@ pak::pak("sportsdataverse/sdvplotR") install.packages("sdvplotR", repos = c("https://sportsdataverse.r-universe.dev", "https://cloud.r-project.org")) ``` +### **JavaScript / TypeScript** + +The same team colors, logos, wordmarks and headshots are on npm as [**`@sportsdataverse/sdvplot`**](https://www.npmjs.com/package/@sportsdataverse/sdvplot), with Observable Plot, D3, React and chart-library integrations plus shot charts. [**`@sportsdataverse/sdvtables`**](https://www.npmjs.com/package/@sportsdataverse/sdvtables) is the counterpart to the `gt` table helpers. Docs: [plot.sportsdataverse.org](https://plot.sportsdataverse.org). Source: [sportsdataverse/sdvplot-js](https://github.com/sportsdataverse/sdvplot-js). + +``` sh +npm install @sportsdataverse/sdvplot @sportsdataverse/sdvtables +``` + ## **Usage** Every function takes a `sport` argument (`"nfl"`, `"nba"`, `"wnba"`, `"mlb"`, `"nhl"`, `"cfb"`, `"mbb"`, `"wbb"`). Team keys are cleaned automatically: full names, alternate abbreviations used by other data providers and historical abbreviations of relocated franchises (`"OAK"` → `"LV"`, `"SEA"` → `"OKC"`) all resolve to the same team. @@ -169,6 +178,7 @@ A printable `sdvplotR` cheat sheet will join [the set covering every SportsDatav | [**cfbseedR**](https://cfbseedR.sportsdataverse.org/) | CFB seeding and playoff simulation | | [**sportyR**](https://sportyR.sportsdataverse.org/) | Playing-surface plots | | [**sportsdataverse-R**](https://r.sportsdataverse.org/) | Umbrella R metapackage | +| [**@sportsdataverse/sdvplot**](https://plot.sportsdataverse.org) · [**@sportsdataverse/sdvtables**](https://plot.sportsdataverse.org/guides/tables) | JavaScript / TypeScript plots and tables | | [**sportsdataverse-py**](https://py.sportsdataverse.org/) · [**sportsdataverse.js**](https://js.sportsdataverse.org/) | Python and Node.js | See the full ecosystem at [sportsdataverse.org](https://sportsdataverse.org/). diff --git a/README.md b/README.md index b758e87d..dd1f4c06 100644 --- a/README.md +++ b/README.md @@ -16,6 +16,8 @@ [![Lifecycle: experimental](https://img.shields.io/badge/lifecycle-experimental-orange.svg?style=for-the-badge&logo=github)](https://lifecycle.r-lib.org/articles/stages.html#experimental) [![R-universe](https://img.shields.io/badge/dynamic/json?style=for-the-badge&color=success&label=r-universe&prefix=v&query=%24.Version&url=https%3A%2F%2Fsportsdataverse.r-universe.dev%2Fapi%2Fpackages%2FsdvplotR)](https://sportsdataverse.r-universe.dev/sdvplotR) +[![npm +sdvplot](https://img.shields.io/npm/v/@sportsdataverse/sdvplot?label=npm%20sdvplot&logo=npm&style=for-the-badge&color=success)](https://www.npmjs.com/package/@sportsdataverse/sdvplot) [![Contributors](https://img.shields.io/github/contributors/sportsdataverse/sdvplotR?style=for-the-badge)](https://github.com/sportsdataverse/sdvplotR/graphs/contributors) [![X Follow](https://img.shields.io/twitter/follow/SportsDataverse?color=blue&label=%40SportsDataverse&logo=x&style=for-the-badge)](https://x.com/SportsDataverse) @@ -68,6 +70,21 @@ pak::pak("sportsdataverse/sdvplotR") install.packages("sdvplotR", repos = c("https://sportsdataverse.r-universe.dev", "https://cloud.r-project.org")) ``` +### **JavaScript / TypeScript** + +The same team colors, logos, wordmarks and headshots are on npm as +[**`@sportsdataverse/sdvplot`**](https://www.npmjs.com/package/@sportsdataverse/sdvplot), +with Observable Plot, D3, React and chart-library integrations plus shot +charts. +[**`@sportsdataverse/sdvtables`**](https://www.npmjs.com/package/@sportsdataverse/sdvtables) +is the counterpart to the `gt` table helpers. Docs: +[plot.sportsdataverse.org](https://plot.sportsdataverse.org). Source: +[sportsdataverse/sdvplot-js](https://github.com/sportsdataverse/sdvplot-js). + +``` sh +npm install @sportsdataverse/sdvplot @sportsdataverse/sdvtables +``` + ## **Usage** Every function takes a `sport` argument (`"nfl"`, `"nba"`, `"wnba"`, @@ -194,6 +211,7 @@ SportsDataverse package](https://sportsdataverse.org/cheatsheets). | [**cfbseedR**](https://cfbseedR.sportsdataverse.org/) | CFB seeding and playoff simulation | | [**sportyR**](https://sportyR.sportsdataverse.org/) | Playing-surface plots | | [**sportsdataverse-R**](https://r.sportsdataverse.org/) | Umbrella R metapackage | +| [**@sportsdataverse/sdvplot**](https://plot.sportsdataverse.org) · [**@sportsdataverse/sdvtables**](https://plot.sportsdataverse.org/guides/tables) | JavaScript / TypeScript plots and tables | | [**sportsdataverse-py**](https://py.sportsdataverse.org/) · [**sportsdataverse.js**](https://js.sportsdataverse.org/) | Python and Node.js | See the full ecosystem at From 1fa5733799c15925d0122dcb5487432af8d61ffa Mon Sep 17 00:00:00 2001 From: saiemgilani Date: Thu, 8 Oct 2026 22:03:14 -0400 Subject: [PATCH 2/2] docs(readme): install sporty with sdvplot; add a NEWS bullet --- NEWS.md | 3 +++ README.Rmd | 2 +- README.md | 2 +- 3 files changed, 5 insertions(+), 2 deletions(-) diff --git a/NEWS.md b/NEWS.md index 01dbffd1..9fe918cc 100644 --- a/NEWS.md +++ b/NEWS.md @@ -6,6 +6,9 @@ college football, men's and women's college basketball, and soccer), built on 'g and following the conventions of 'nflplotR', 'cfbplotR', 'nbaplotR' and 'mlbplotR'. +* The README links the JavaScript / TypeScript siblings on npm, + `@sportsdataverse/sdvplot` and `@sportsdataverse/sdvtables` + (). * Saving a table to an image (`gt_save_crop()`, `gt_social_crop()`, `gt_save_batch()`, `gt_grid()`, `gt_stack_tables()`) gives headless Chrome 60 seconds to start instead of chromote's 10: a loaded machine, such as a diff --git a/README.Rmd b/README.Rmd index 011eaee6..f19015ff 100644 --- a/README.Rmd +++ b/README.Rmd @@ -68,7 +68,7 @@ install.packages("sdvplotR", repos = c("https://sportsdataverse.r-universe.dev", The same team colors, logos, wordmarks and headshots are on npm as [**`@sportsdataverse/sdvplot`**](https://www.npmjs.com/package/@sportsdataverse/sdvplot), with Observable Plot, D3, React and chart-library integrations plus shot charts. [**`@sportsdataverse/sdvtables`**](https://www.npmjs.com/package/@sportsdataverse/sdvtables) is the counterpart to the `gt` table helpers. Docs: [plot.sportsdataverse.org](https://plot.sportsdataverse.org). Source: [sportsdataverse/sdvplot-js](https://github.com/sportsdataverse/sdvplot-js). ``` sh -npm install @sportsdataverse/sdvplot @sportsdataverse/sdvtables +npm install @sportsdataverse/sdvplot @sportsdataverse/sdvtables @sportsdataverse/sporty ``` ## **Usage** diff --git a/README.md b/README.md index dd1f4c06..adfdf0f4 100644 --- a/README.md +++ b/README.md @@ -82,7 +82,7 @@ is the counterpart to the `gt` table helpers. Docs: [sportsdataverse/sdvplot-js](https://github.com/sportsdataverse/sdvplot-js). ``` sh -npm install @sportsdataverse/sdvplot @sportsdataverse/sdvtables +npm install @sportsdataverse/sdvplot @sportsdataverse/sdvtables @sportsdataverse/sporty ``` ## **Usage**