diff --git a/copy/tools/.example b/copy/tools/.example
index 3c56d7344..374239086 100644
--- a/copy/tools/.example
+++ b/copy/tools/.example
@@ -75,6 +75,9 @@ github_data:
date: "2021-04-30T00:00:00Z"
link: https://github.com/ag-grid/ag-grid/releases/tag/v25.2.0
+stackoverflow_data:
+ questions_count: 37620
+
twitter_feed:
- user: Benjamin Scott
image: /images/tweet-avatar.png
diff --git a/copy/tools/p5.yml b/copy/tools/p5.yml
new file mode 100644
index 000000000..a5e0bec32
--- /dev/null
+++ b/copy/tools/p5.yml
@@ -0,0 +1,73 @@
+title: p5.js
+description: JavaScript library for creative coding that makes coding accessible and inclusive
+logo: /images/logo/p5.svg
+developer:
+
+based_on:
+
+licenses:
+ - type: open-source
+ title: GNU LGPL 2.1
+ link: https://github.com/processing/p5.js/blob/main/license.txt
+
+types:
+ - low-level
+
+features:
+ easy-to-customize: 0
+ easy-to-start-with: 0
+ full-fledged: 0
+ very-popular: 0
+ well-documented: 0
+
+gallery:
+ - /images/slider/p5js-1.png
+ - /images/slider/p5js-2.png
+ - /images/slider/p5js-3.png
+ - /images/slider/p5js-4.png
+ - /images/slider/p5js-5.png
+
+languages:
+ - JavaScript
+ - TypeScript
+
+frameworks:
+ - vanilla-js
+
+slugs:
+ github: processing/p5.js
+ npm: p5
+ npm_types: "@types/p5"
+
+tags:
+ stackoverflow:
+ - p5.js
+ twitter:
+ - p5js
+ - p5xjs
+
+links:
+ website: https://p5js.org
+ examples: https://p5js.org/examples/
+ docs: https://p5js.org/examples/
+ pricing:
+ slack:
+
+content:
+ - type: official
+ title: "Get Started with p5.js"
+ link: https://p5js.org/get-started/
+
+github_data:
+ stars: 15600
+ contributors: 442
+ issues: 146
+ stale_issues: 50
+ last_release:
+ date: "2021-03-28T00:00:00Z"
+ link: https://github.com/processing/p5.js/releases/tag/v1.3.1
+
+stackoverflow_data:
+ questions_count: 2170
+
+twitter_feed:
\ No newline at end of file
diff --git a/copy/tools/vega-lite.yml b/copy/tools/vega-lite.yml
new file mode 100644
index 000000000..fe81f30e0
--- /dev/null
+++ b/copy/tools/vega-lite.yml
@@ -0,0 +1,73 @@
+title: Vega-Lite
+description: Concise grammar of interactive graphics, built on Vega
+logo: /images/logo/vega-lite.svg
+developer:
+
+based_on:
+ - vega
+
+licenses:
+ - type: open-source
+ title: BSD
+ link: https://github.com/vega/vega-lite/blob/master/LICENSE
+
+types:
+ - low-level
+
+features:
+ easy-to-customize: 0
+ easy-to-start-with: 0
+ full-fledged: 0
+ very-popular: 0
+ well-documented: 0
+
+gallery:
+ - /images/slider/vega-lite-1.png
+ - /images/slider/vega-lite-2.png
+ - /images/slider/vega-lite-3.png
+ - /images/slider/vega-lite-4.png
+ - /images/slider/vega-lite-5.png
+
+languages:
+ - JavaScript
+ - TypeScript
+
+frameworks:
+ - vanilla-js
+ - react
+
+slugs:
+ github: vega/vega-lite
+ npm: vega-lite
+
+tags:
+ stackoverflow:
+ - vega-lite
+ twitter:
+ - vegalite
+
+links:
+ website: https://vega.github.io/vega-lite/
+ examples: https://vega.github.io/vega-lite/examples/
+ docs: https://vega.github.io/vega-lite/docs/
+ pricing:
+ slack:
+
+content:
+ - type: official
+ title: "Introduction to Vega-Lite"
+ link: https://vega.github.io/vega-lite/tutorials/getting_started.html
+
+github_data:
+ stars: 3400
+ contributors: 165
+ issues: 471
+ stale_issues: 371
+ last_release:
+ date: "2021-04-16T00:00:00Z"
+ link: https://github.com/vega/vega-lite/releases/tag/v5.1.0
+
+stackoverflow_data:
+ questions_count: 688
+
+twitter_feed:
\ No newline at end of file
diff --git a/copy/tools/vega.yml b/copy/tools/vega.yml
new file mode 100644
index 000000000..3a4fc7e91
--- /dev/null
+++ b/copy/tools/vega.yml
@@ -0,0 +1,73 @@
+title: Vega
+description: Visualization grammar, a declarative language for creating and sharing visualization designs
+logo: /images/logo/vega.svg
+developer:
+
+based_on:
+ - d3
+
+licenses:
+ - type: open-source
+ title: BSD
+ link: https://github.com/vega/vega/blob/master/LICENSE
+
+types:
+ - low-level
+
+features:
+ easy-to-customize: 0
+ easy-to-start-with: 0
+ full-fledged: 0
+ very-popular: 0
+ well-documented: 0
+
+gallery:
+ - /images/slider/vega-1.png
+ - /images/slider/vega-2.png
+ - /images/slider/vega-3.png
+ - /images/slider/vega-4.png
+ - /images/slider/vega-5.png
+
+languages:
+ - JavaScript
+ - TypeScript
+
+frameworks:
+ - vanilla-js
+ - react
+
+slugs:
+ github: vega/vega
+ npm: vega
+
+tags:
+ stackoverflow:
+ - vega
+ twitter:
+ - vegajs
+
+links:
+ website: https://vega.github.io/vega/
+ examples: https://vega.github.io/vega/examples/
+ docs: https://vega.github.io/vega/docs/
+ pricing:
+ slack:
+
+content:
+ - type: official
+ title: "Let's Make a Bar Chart"
+ link: https://vega.github.io/vega/tutorials/bar-chart/
+
+github_data:
+ stars: 9300
+ contributors: 102
+ issues: 334
+ stale_issues: 260
+ last_release:
+ date: "2021-03-29T00:00:00Z"
+ link: https://github.com/vega/vega/releases/tag/v5.20.1
+
+stackoverflow_data:
+ questions_count: 572
+
+twitter_feed:
\ No newline at end of file
diff --git a/public/images/logo/p5.svg b/public/images/logo/p5.svg
new file mode 100644
index 000000000..3151475cb
--- /dev/null
+++ b/public/images/logo/p5.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/logo/vega-lite.svg b/public/images/logo/vega-lite.svg
new file mode 100644
index 000000000..37d5d978f
--- /dev/null
+++ b/public/images/logo/vega-lite.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/logo/vega.svg b/public/images/logo/vega.svg
new file mode 100644
index 000000000..e989bb597
--- /dev/null
+++ b/public/images/logo/vega.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/slider/p5js-1.png b/public/images/slider/p5js-1.png
new file mode 100644
index 000000000..072c0bf74
Binary files /dev/null and b/public/images/slider/p5js-1.png differ
diff --git a/public/images/slider/p5js-2.png b/public/images/slider/p5js-2.png
new file mode 100644
index 000000000..c2f8eb8b0
Binary files /dev/null and b/public/images/slider/p5js-2.png differ
diff --git a/public/images/slider/p5js-3.png b/public/images/slider/p5js-3.png
new file mode 100644
index 000000000..55fbff4f8
Binary files /dev/null and b/public/images/slider/p5js-3.png differ
diff --git a/public/images/slider/p5js-4.png b/public/images/slider/p5js-4.png
new file mode 100644
index 000000000..1d6e7c738
Binary files /dev/null and b/public/images/slider/p5js-4.png differ
diff --git a/public/images/slider/p5js-5.png b/public/images/slider/p5js-5.png
new file mode 100644
index 000000000..565472f4b
Binary files /dev/null and b/public/images/slider/p5js-5.png differ
diff --git a/public/images/slider/vega-1.png b/public/images/slider/vega-1.png
new file mode 100644
index 000000000..f1f41cc85
Binary files /dev/null and b/public/images/slider/vega-1.png differ
diff --git a/public/images/slider/vega-2.png b/public/images/slider/vega-2.png
new file mode 100644
index 000000000..cf100c1d6
Binary files /dev/null and b/public/images/slider/vega-2.png differ
diff --git a/public/images/slider/vega-3.png b/public/images/slider/vega-3.png
new file mode 100644
index 000000000..33b3bc888
Binary files /dev/null and b/public/images/slider/vega-3.png differ
diff --git a/public/images/slider/vega-4.png b/public/images/slider/vega-4.png
new file mode 100644
index 000000000..17beba6f8
Binary files /dev/null and b/public/images/slider/vega-4.png differ
diff --git a/public/images/slider/vega-5.png b/public/images/slider/vega-5.png
new file mode 100644
index 000000000..e7969fe35
Binary files /dev/null and b/public/images/slider/vega-5.png differ
diff --git a/public/images/slider/vega-lite-1.png b/public/images/slider/vega-lite-1.png
new file mode 100644
index 000000000..d091b3c99
Binary files /dev/null and b/public/images/slider/vega-lite-1.png differ
diff --git a/public/images/slider/vega-lite-2.png b/public/images/slider/vega-lite-2.png
new file mode 100644
index 000000000..08baf5357
Binary files /dev/null and b/public/images/slider/vega-lite-2.png differ
diff --git a/public/images/slider/vega-lite-3.png b/public/images/slider/vega-lite-3.png
new file mode 100644
index 000000000..d807d3464
Binary files /dev/null and b/public/images/slider/vega-lite-3.png differ
diff --git a/public/images/slider/vega-lite-4.png b/public/images/slider/vega-lite-4.png
new file mode 100644
index 000000000..8f17a6873
Binary files /dev/null and b/public/images/slider/vega-lite-4.png differ
diff --git a/public/images/slider/vega-lite-5.png b/public/images/slider/vega-lite-5.png
new file mode 100644
index 000000000..4bf318e77
Binary files /dev/null and b/public/images/slider/vega-lite-5.png differ