# @symaiotics/d3-curve-creator-gcweb

> A variable curve builder using the powerful D3.js library, applying the GCWeb theme.

Latest version **0.0.4** (published 2022-03-09) · ISC license · 0 weekly downloads

## Install

```sh
npm install @symaiotics/d3-curve-creator-gcweb
pnpm add @symaiotics/d3-curve-creator-gcweb
yarn add @symaiotics/d3-curve-creator-gcweb
bun add @symaiotics/d3-curve-creator-gcweb
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2022-03-09 |
| First published | 2022-03-09 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 29.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Symaiotics Corporation |
| Maintainers | symaiotics |

## Links

- npm: https://www.npmjs.com/package/@symaiotics/d3-curve-creator-gcweb
- Repository: https://github.com/symaiotics/d3-curve-creator-gcweb
- Homepage: https://github.com/symaiotics/d3-curve-creator-gcweb#readme
- Issues: https://github.com/symaiotics/d3-curve-creator-gcweb/issues
- npm.io page: https://npm.io/package/@symaiotics/d3-curve-creator-gcweb

## Recent versions

- 0.0.4 (latest) — 2022-03-09
- 0.0.3 — 2022-03-09
- 0.0.2 — 2022-03-09
- 0.0.1 — 2022-03-09

## README

# @Symaiotics D3 Curve Creator
This library brings together a featured interface for creating a variety of bounded curve diagrams using the powerful D3.js library.

## Getting Started

Install this into your Vue 3 project.
`npm i @symaiotics/d3-curve-creator-gcweb`

And then register the component within your page or component in Vue.
It is important to bring in the style.css for this component as well.

```
<script setup>

//Import the D3 library in the parent component and pass it to the child
//By default, the child component does not call d3, but loads it as a prop
import * as d3 from 'd3';

//Import the component and the style sheet used by that component to get its custom styling
import D3CC from '@symaiotics/d3-curve-creator-gcweb'
import '@symaiotics/d3-curve-creator-gcweb/dist/style.css';


//Handle the curveUpdated event
function doSomethingWithCurve(curveArray) {}

</script>

<template>
  <D3CC :d3 = "d3" 
        @curveUpdated = "doSomethingWithCurve"
        title="Main Title" 
        description = "Description Title" />
</template>
```

## Emits
Data is emitted from this component back to the parent using the 'curveUpdated' event.

## D3.js
This library uses the latest version of D3 and implements a variety of add, delete, link, pin and export tools to make graph creation fast and easy.

## Styling
This library uses the Canada.ca GCWeb Theme (a customized instance of Bootstrap 3)
https://wet-boew.github.io/GCWeb/index-en.html

---
_Source: https://npm.io/package/@symaiotics/d3-curve-creator-gcweb · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._