Coder Social home page Coder Social logo

array-blur's Introduction

This module is now obsolete, superseded by d3.blur

array-blur

This code was excerpted from d3-contour, enriched and optimized. It now exists as a pull-request to d3-array. It can be used as a plugin for D3 or as a stand-alone module.

To use call:

<script src="https://unpkg.com/array-blur"></script>

or in node:

const B = require("array-blur");
const blurred_data = B.blur().radius(1)([0, 0, 0, 13.5, 0, 0, 0]); // [0.5, 1.5, 3, 3.5, 3, 1.5, 0.5, width: 7, height: 1]

# blur() · Source

Creates a blur transformer, which can blur (or smooth) an iterable by three iterations of a moving average transform.

# blur.radius([radius])

If radius is specified, sets the radius of the transformation: on each iteration, the value of a point is transformed into the mean value of itself and the radius points of data surrounding it on the left and on the right (taking into account the edges). If radius is not specified, returns the current radius (if horizontal and vertical radii have been set separately, returns their average value). If radius is not an integer value, the blurring is applied partially. Defaults to 5.

# blur.value([value])

If value is specified, sets the value accessor, which will read the values of the iterator. If not specified, returns the current accessor. Defaults to the special null accessor, which copies the values directly (faster than an identity function).

Example:

const blurred = blur().value(d => d.temperature)(data);

# blur.width([width])

If width is specified, sets the width of the transformation, otherwise returns the current width. When 0 < width < length, blur considers that the array describes values in two dimensions—as a rectangle of a certain width (height inferred as length divided by width). In that case each iteration involves an horizontal (x) blurring, followed by a vertical (y) blurring. Defaults to undefined (horizontal dimension).

# blur.radiusX([radius])

If radius is specified, sets the horizontal radius of the transformation, otherwise returns it. (Use 0 for vertical blurring.)

# blur.radiusY([radius])

If radius is specified, sets the vertical radius of the transformation, otherwise returns it. (Use 0 for horizontal blurring.)

array-blur's People

Contributors

fil avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

jacksonrya

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.