Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jackdbd/d3-visualizations

Visualizations written with D3 v5
https://github.com/jackdbd/d3-visualizations

cssmodules d3 d3-visualization

Last synced: about 13 hours ago
JSON representation

Visualizations written with D3 v5

Awesome Lists containing this project

README

        

# d3-visualizations

[![Build Status](https://travis-ci.com/jackdbd/d3-visualizations.svg?branch=master)](https://travis-ci.com/jackdbd/d3-visualizations) [![codecov](https://codecov.io/gh/jackdbd/d3-visualizations/branch/master/graph/badge.svg)](https://codecov.io/gh/jackdbd/d3-visualizations) [![Known Vulnerabilities](https://snyk.io/test/github/jackdbd/d3-visualizations/badge.svg)](https://snyk.io/test/github/jackdbd/d3-visualizations) [![Renovate enabled](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovateapp.com/) [![DeepScan grade](https://deepscan.io/api/teams/3517/projects/5191/branches/40359/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=3517&pid=5191&bid=40359)

Experiments and visualizations, mostly with D3 v5.

## :warning: Under contruction :construction:

## Installation

```shell
yarn
```

## Tests

```shell
yarn test
```

## Features

- Webpack configured as site generator with [html-webpack-plugin](https://webpack.js.org/plugins/html-webpack-plugin/) (each visualization produces its own JS/CSS bundles and inject them into the HTML template file `templates/dataviz.html`)
- Webpack configured for dev and prod environments with [webpack-merge](https://github.com/survivejs/webpack-merge)
- CSS lint with [stylelint](https://stylelint.io/)
- CSS complexity lint with [constyble](https://github.com/bartveneman/constyble)
- JS/TS lint with [TSLint](https://github.com/palantir/tslint)
- Tests with [jest](https://jestjs.io/en/) and [jest-dom](https://github.com/gnapse/jest-dom)