https://github.com/redsift/d3-rs-venn

Venn via the D3 reusable chart convention
https://github.com/redsift/d3-rs-venn

Last synced: 8 months ago
JSON representation

Venn via the D3 reusable chart convention

• Host: GitHub
• URL: https://github.com/redsift/d3-rs-venn
• Owner: redsift
• License: mit
• Created: 2017-12-09T01:23:54.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-20T02:25:05.000Z (over 8 years ago)
• Last Synced: 2025-09-04T03:46:37.295Z (9 months ago)
• Language: JavaScript
• Size: 17.6 KB
• Stars: 0
• Watchers: 11
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# d3-rs-venn

[![Circle CI](https://img.shields.io/circleci/project/redsift/d3-rs-venn.svg?style=flat-square)](https://circleci.com/gh/redsift/d3-rs-venn)

[![npm](https://img.shields.io/npm/v/@redsift/d3-rs-venn.svg?style=flat-square)](https://www.npmjs.com/package/@redsift/d3-rs-venn)

[![MIT](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](https://raw.githubusercontent.com/redsift/d3-rs-venn/master/LICENSE)

`d3-rs-venn` generate a venn via the D3 reusable chart convention. Code adapted from https://github.com/benfred/venn.js

## Example

[View @redsift/d3-rs-venn on Codepen](http://codepen.io/collection/DgkEpa/)

### Line chart

![Sample bars with a bottom orientation](https://bricks.redsift.cloud/reusable/d3-rs-venn.svg?_datum=[1,200,3100,1000]&orientation=bottom)

### Multiple series

![Sample bars with a left orientation](https://bricks.redsift.cloud/reusable/d3-rs-venn.svg?_datum=[[1,2,4],[0,1]])

## Usage

### Browser

    

    

        var chart = d3_rs_venn.html();

        d3.select('body').datum([ 1, 2, 3, 10, 100 ]).call(chart);

    

### ES6

    import { html as chart } from "@redsift/d3-rs-venn";

    let eml = chart();

    ...

### Require

    var chart = require("@redsift/d3-rs-venn");

    var eml = chart.html();

    ...