Socket
Socket
Sign inDemoInstall

d3-arrow

Package Overview
Dependencies
Maintainers
1
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

d3-arrow - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

2

dist/d3-arrow.js

@@ -1,2 +0,2 @@

// https://github.com/HarryStevens/d3-arrow#readme Version 0.0.3. Copyright 2020 Harry Stevens.
// https://github.com/HarryStevens/d3-arrow#readme Version 0.0.4. Copyright 2020 Harry Stevens.
(function (global, factory) {

@@ -3,0 +3,0 @@ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :

{
"name": "d3-arrow",
"version": "0.0.3",
"version": "0.0.4",
"description": "Attach arrowheads to lines.",

@@ -5,0 +5,0 @@ "keywords": [

@@ -10,3 +10,3 @@ # d3-arrow

<script src="https://d3js.org/d3-selection.v1.min.js"></script>
<script src="https://unpkg.com/d3-arrow@0.0.3/dist/d3-arrow.min.js"></script>
<script src="https://unpkg.com/d3-arrow@0.0.4/dist/d3-arrow.min.js"></script>
<script>

@@ -21,3 +21,3 @@

The API is based on the list of arrows in Adobe Illustrator v24.1.2. To add an arrowhead to an SVG elient, you must first add the arrowhead generator to your SVG using [<i>selection</i>.<b>call</b>](https://github.com/d3/d3-selection#selection_call). Then, pass the generator's [<i>id</i>](#arrow_id) to the element's "marker-end" attribute:
The API is based on the list of arrows in Adobe Illustrator v24.1.2. To add an arrowhead to an SVG element, you must first add the arrowhead generator to your SVG using [<i>selection</i>.call](https://github.com/d3/d3-selection#selection_call). Then, pass the generator's [<i>id</i>](#arrow_id) to the element's "marker-end" attribute:

@@ -30,3 +30,4 @@ ```js

const myArrow = d3.arrow5()
.id("my-arrow");
.id("my-arrow")
.attr("fill", "steelblue")

@@ -38,3 +39,4 @@ svg.call(myArrow);

.attr("points", [[5, 10], [55, 10]])
.attr("stroke", "black");
.attr("stroke", "steelblue")
.attr("stroke-width", 2)
```

@@ -44,14 +46,14 @@

Creates a new arrow generator with an [<i>id</i>-](#arrow_id) of "d3-arrow-5" and a [<i>scale</i>-](#arrow_scale) of 1.
Creates a new arrow generator with an [<i>id</i>](#arrow_id) of "d3-arrow-5" and a [<i>scale</i>](#arrow_scale) of 1.
<a name="arrow10" href="#arrow10">#</a> d3.<b>regressionLinear</b>() · [Source](https://github.com/harrystevens/d3-arrow/blob/master/src/arrow-10.js "Source"), [Example](https://observablehq.com/d/7759e56ba89ced03 "Example")
Creates a new arrow generator with an [<i>id</i>-](#arrow_id) of "d3-arrow-10" and a [<i>scale</i>-](#arrow_scale) of 1.
Creates a new arrow generator with an [<i>id</i>](#arrow_id) of "d3-arrow-10" and a [<i>scale</i>](#arrow_scale) of 1.
<a name="arrow11" href="#arrow11">#</a> d3.<b>regressionLinear</b>() · [Source](https://github.com/harrystevens/d3-arrow/blob/master/src/arrow-11.js "Source"), [Example](https://observablehq.com/d/7759e56ba89ced03 "Example")
Creates a new arrow generator with an [<i>id</i>-](#arrow_id) of "d3-arrow-11" and a [<i>scale</i>-](#arrow_scale) of 1.
Creates a new arrow generator with an [<i>id</i>](#arrow_id) of "d3-arrow-11" and a [<i>scale</i>](#arrow_scale) of 1.
<a name="arrow13" href="#arrow31">#</a> d3.<b>regressionLinear</b>() · [Source](https://github.com/harrystevens/d3-arrow/blob/master/src/arrow-13.js "Source"), [Example](https://observablehq.com/d/7759e56ba89ced03 "Example")
Creates a new arrow generator with an [<i>id</i>-](#arrow_id) of "d3-arrow-13" and a [<i>scale</i>-](#arrow_scale) of 1.
Creates a new arrow generator with an [<i>id</i>](#arrow_id) of "d3-arrow-13" and a [<i>scale</i>](#arrow_scale) of 1.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc