D3: Data-Driven Documents

D3 (or D3.js) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.

Resources

• Introduction
• API Reference
• Releases
• Examples
• Wiki

Installing

If you use npm, npm install d3. You can also download the latest release on GitHub. For vanilla HTML in modern browsers, import D3 from Skypack:

<script type="module">

import * as d3 from "https://cdn.skypack.dev/d3@7";

const div = d3.selectAll("div");

</script>

For legacy environments, you can load D3’s UMD bundle from an npm-based CDN such as jsDelivr; a d3 global is exported:

<script src

Papers We Love (PWL) is a community built around reading, discussing and learning more about academic computer science papers. This repository serves as a directory of some of the best papers the community can find, bringing together documents scattered across the web. You can also visit the Papers We Love site for more info.

Due to licenses we cannot always host the papers themselves (when we do, you will see a ? emoji next to its title in the directory README) but we can provide links to their locations.

If you enjoy the papers, perhaps stop by a local chapter meetup and join in on the vibrant discussions around them. You can also discuss PWL events, the content in this repository, and/or anything related to PWL on our Slack, after signing-up to join it, or on our #paperswelove IRC channel on freenode.

Chapters

Here are our official…

Probot

A framework for building GitHub Apps to automate and improve your workflow

If you've ever thought, "wouldn't it be cool if GitHub could…"; I'm going to stop you right there. Most features can actually be added via GitHub Apps, which extend GitHub and can be installed directly on organizations and user accounts and granted access to specific repositories. They come with granular permissions and built-in webhooks. Apps are first class actors within GitHub.

How it works

Probot is a framework for building GitHub Apps in Node.js, written in TypeScript. GitHub Apps can listen to webhook events sent by a repository or organization. Probot uses its internal event emitter to perform actions based on those events. A simple Probot App might look like this:

module.exports = (app) => {
  app.on("issues.opened", async (context) => {
    const issueComment

vscode-jest

v4.1 with Test Explorer

Test explorer is one of the highly requested feature for this extension. Last year vscode announced the plan for the official test explorer and we have been trying out the new proposed API since. Now the vscode test explore is live (2021 July release - v1.59), we are excited to release v4.1 and our users can finally tap into this great new UI experience ?

Please note, the test explorer is new and some of the features might be missing or imperfect (see How to use test explore for more details), nevertheless, we will continue to improve it. Please do not hesitate to ask questions or file issues, thanks and have fun!

After longer than expected development, v4 is finally released! ?

This is a big release packed with changes to address many nagging issues you have been asking for, such as inconsistent…

UNPKG ·

UNPKG is a fast, global content delivery network for everything on npm.

Documentation

Please visit the UNPKG website to learn more about how to use it.

Sponsors

Our sponsors and backers are listed in SPONSORS.md.

? Ocean

Web component HTML rendering that includes:

• Rendering to Declarative Shadow DOM, requiring no JavaScript in the client.
• Automatic inclusion of the Declarative Shadow DOM polyfill for browsers without support.
• Streaming HTML responses.
• Compatibility with the most popular web component libraries (see a compatibility list below).
• Lazy partial hydration via special attributes: hydrate on page load, CPU idle, element visibility, or media queries. Or create your own hydrator.

Table of Contents

• Overview
• Modules
  • Main module
  • DOM shim
• Hydration
  • Full hydration
  • Partial hydration
• Plugins
• Compatibility

Overview

An ocean is an environment for rendering web component code. It provides an html function that looks like the ones you're used to from libraries like uhtml and Lit. Instead of creating reactive DOM in the client like those libraries, Ocean's html returns an async iterator that will stream out HTML strings.

Ocean is somewhat low-level and is meant to be used…

Ackee

Self-hosted, Node.js based analytics tool for those who care about privacy. Ackee runs on your own server, analyzes the traffic of your websites and provides useful statistics in a minimal interface.

? Website | ? Live Demo | ? GraphQL Playground

? Introduction

Ackee is a self-hosted analytics tool that cares about privacy. We believe that you don't need to track every aspect of your visitors. Ackee keeps tracked data anonymized to avoid that users are identifiable, while still providing helpful insights. It's the right tool for everyone who doesn't need a full-featured marketing analytics platform like Google Analytics or Matomo.

• Self-hosted: Ackee runs on your own server and is 100% open-source
• Modern technologies: Lightweight Node.js and MongoDB architecture
• Beautiful: Minimal and focused interface
• No cookies: No unique user tracking and therefore no required cookie message
• Events: Track button clicks, newsletter subscriptions and more
• …

Material Icon Theme

Get the Material Design icons into your VS Code.

Sponsored by

File icons

Folder icons

Customize folder color

You can change the color of the default folder icon using the command palette:

or via user settings:

"material-icon-theme.folders.color": "#ef5350",

Folder themes

You can change the design of the folder icons using the command palette:

or via user settings:

"material-icon-theme.folders.theme": "specific"

Custom icon opacity

You can set a custom opacity for the icons:

"material-icon-theme.opacity": 0.5

Custom icon saturation

If colors do not make you happy you can change the icons to have less saturation making them look grayish or completely grayscale by setting saturation to 0:

"material-icon-theme.saturation": 0.5

Custom icon associations

You can customize the icon associations directly in the user settings.

File associations

With the *.[extension] pattern you can define custom…

GFM Markdown and WYSIWYG Editor - Productive and Extensible

? Table of Contents

• Packages
• Why TOAST UI Editor?
• Features
• Examples
• Browser Support
• Pull Request Steps
• Contributing
• TOAST UI Family
• Used By
• License

? Packages

TOAST UI Editor

TOAST UI Editor's Wrappers

TOAST UI Editor's Plugins

? Why TOAST UI Editor?

TOAST UI Editor provides Markdown mode and WYSIWYG mode. Depending on the type of use you want like production of Markdown or maybe to just edit the Markdown. The TOAST UI Editor can be helpful for both the usage. It offers Markdown mode and WYSIWYG mode, which can be switched any…

IMPORTANT: since v14 we have removed the jQuery dependency. See below for how to initialise and use the plugin with pure JavaScript. If you want to stick with the jQuery version, there is now a separate jQuery wrapped version.

International Telephone Input

A JavaScript plugin for entering and validating international telephone numbers. It adds a flag dropdown to any input, detects the user's country, displays a relevant placeholder and provides formatting/validation methods.

If you like it, please consider making a donation, which you can do from the demo page.

Sponsored by

Table of Contents

• Demo and Examples
• Features
• Browser Compatibility
• Getting Started
• Recommended Usage
• Options
• Public Methods
• Static Methods
• Events
• Utilities Script
• Troubleshooting
• Contributing
• Attributions

Demo and Examples

You can view a live…