Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@d3fc/d3fc-axis

Package Overview
Dependencies
Maintainers
3
Versions
27
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@d3fc/d3fc-axis - npm Package Compare versions

Comparing version 2.2.0 to 2.2.1

10

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log

<a name="2.2.1"></a>
## [2.2.1](https://github.com/d3fc/d3fc/compare/@d3fc/d3fc-axis@2.2.0...@d3fc/d3fc-axis@2.2.1) (2019-05-28)
**Note:** Version bump only for package @d3fc/d3fc-axis
<a name="2.2.0"></a>

@@ -59,3 +67,3 @@ # [2.2.0](https://github.com/d3fc/d3fc/compare/@d3fc/d3fc-axis@2.1.1...@d3fc/d3fc-axis@2.2.0) (2019-05-06)

* use single d3 reference for bundleSpecs ([3d0a47e](https://github.com/d3fc/d3fc/commit/3d0a47e))
* use single D3 reference for bundleSpecs ([3d0a47e](https://github.com/d3fc/d3fc/commit/3d0a47e))

@@ -62,0 +70,0 @@

8

package.json
{
"name": "@d3fc/d3fc-axis",
"version": "2.2.0",
"version": "2.2.1",
"description": "A drop-in replacement for d3 axis, with support for the d3fc decorate pattern",

@@ -23,3 +23,3 @@ "license": "MIT",

"devDependencies": {
"@d3fc/d3fc-scripts": "^2.0.4",
"@d3fc/d3fc-scripts": "^2.0.5",
"babel-polyfill": "^6.13.0",

@@ -30,4 +30,4 @@ "d3": "^4.2.5",

"dependencies": {
"@d3fc/d3fc-data-join": "^5.0.7",
"@d3fc/d3fc-rebind": "^5.0.6",
"@d3fc/d3fc-data-join": "^5.0.8",
"@d3fc/d3fc-rebind": "^5.0.7",
"d3-scale": "^1.0.3",

@@ -34,0 +34,0 @@ "d3-selection": "^1.0.2",

# d3fc-axis
A drop-in replacement for d3 axis, with support for the d3fc decorate pattern, improved layout options for ordinal scales, and automatic label rotation / re-positioning.
A drop-in replacement for D3 axis, with support for the D3FC decorate pattern, improved layout options for ordinal scales, and automatic label rotation / re-positioning.
[Main d3fc package](https://github.com/d3fc/d3fc)
[Main D3FC package](https://github.com/d3fc/d3fc)

@@ -27,3 +27,3 @@ ## Installing

With the d3fc axis, setting `tickCenterLabel` to `true` will render the labels in between the tick marks, offsetting them to the right:
With the D3FC axis, setting `tickCenterLabel` to `true` will render the labels in between the tick marks, offsetting them to the right:

@@ -44,5 +44,5 @@ ```

Band scales are often used for rendering charts with a categorical dimension. With the d3 axis, the ticks and labels are rendered at the central point of each bar / column. However, it can make more sense to render the ticks at the boundary between each bar / category.
Band scales are often used for rendering charts with a categorical dimension. With the D3 axis, the ticks and labels are rendered at the central point of each bar / column. However, it can make more sense to render the ticks at the boundary between each bar / category.
The d3fc ordinal axis is a drop-in replacement that renders the labels at the central point of the bar / column, and the ticks at the boundaries:
The D3FC ordinal axis is a drop-in replacement that renders the labels at the central point of the bar / column, and the ticks at the boundaries:

@@ -63,3 +63,3 @@ ```

// this is the d3fc ordinal axis
// this is the D3FC ordinal axis
const axis = fc.axisOrdinalBottom(scale);

@@ -76,3 +76,3 @@

With the D3 axis, if tick marks are too close together, their associated labels might overlap. With d3fc you can apply an adapter to the axis in order to automatically move / rotate labels in order to avoid collisions.
With the D3 axis, if tick marks are too close together, their associated labels might overlap. With D3FC you can apply an adapter to the axis in order to automatically move / rotate labels in order to avoid collisions.

@@ -79,0 +79,0 @@ Here's a simple example where the axis labels overlap:

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