iframe-proxy | Sunbelt Computer Software

History

61 lines (56 loc) · 1.97 KB

Raw

import {area as shapeArea, create, group} from "d3";

import {Curve} from "../curve.js";

import {defined} from "../defined.js";

import {Mark, indexOf, maybeZ} from "../mark.js";

import {applyDirectStyles, applyIndirectStyles, applyTransform, applyGroupedChannelStyles} from "../style.js";

import {maybeStackX, maybeStackY} from "../transforms/stack.js";

const defaults = {

strokeWidth: 1,

strokeMiterlimit: 1

};

export class Area extends Mark {

constructor(data, options = {}) {

const {x1, y1, x2, y2, curve, tension} = options;

super(

data,

[

{name: "x1", value: x1, scale: "x"},

{name: "y1", value: y1, scale: "y"},

{name: "x2", value: x2, scale: "x", optional: true},

{name: "y2", value: y2, scale: "y", optional: true},

{name: "z", value: maybeZ(options), optional: true}

options,

defaults

);

this.curve = Curve(curve, tension);

}

render(I, {x, y}, channels) {

const {x1: X1, y1: Y1, x2: X2 = X1, y2: Y2 = Y1, z: Z} = channels;

return create("svg:g")

.call(applyIndirectStyles, this)

.call(applyTransform, x, y)

.call(g => g.selectAll()

.data(Z ? group(I, i => Z[i]).values() : [I])

.join("path")

.call(applyDirectStyles, this)

.call(applyGroupedChannelStyles, channels)

.attr("d", shapeArea()

.curve(this.curve)

.defined(i => defined(X1[i]) && defined(Y1[i]) && defined(X2[i]) && defined(Y2[i]))

.x0(i => X1[i])

.y0(i => Y1[i])

.x1(i => X2[i])

.y1(i => Y2[i])))

.node();

}

export function area(data, options) {

return new Area(data, options);

}

export function areaX(data, {y = indexOf, ...options} = {}) {

return new Area(data, maybeStackX({...options, y1: y, y2: undefined}));

}

export function areaY(data, {x = indexOf, ...options} = {}) {

return new Area(data, maybeStackY({...options, x1: x, x2: undefined}));

}

Sunbelt Computer Software

PL/B Language Development and Support

Navigation Menu

Uh oh!

Sunbelt Computer Software

PL/B Language Development and Support

Uh oh!

FilesExpand file tree

area.js

Latest commit

History

area.js

File metadata and controls