@milaboratories/graph-maker NPM | npm.io

1.1.109 • Published 4 months ago

Install

Weekly downloads

-

License

-

Repository

Last release

4 months ago

Vue-component including graph settings interface and resulting rendered graph.

How to use:

<script setup lang="ts">
import { computed, ref } from 'vue';
import { useApp } from './app';
import { platforma } from '@platforma-open/milaboratories.graph-maker.model';
import { GraphMakerSettings } from '@milaboratories/graph-maker/dist/GraphMaker/types';
import { GraphMaker } from '@milaboratories/graph-maker';

const app = useApp();
const frameRef = app.model.outputs.pFrame;

const state = ref<GraphMakerSettings>({ 
  template: 'box',
  title: 'My graph'
});

const defaultOptions:PredefinedGraphOption<'discrete'>[] = [{
    inputName: 'y',
    selectedSource: {
        kind: 'PColumn',
        axesSpec: [...],
        valueType: 'Int',
        name: 'columnNameOfSomeYColumn',
    }
}];

const graphMakerRef = useTemplateRef('graphMaker');
function reset() {
    state.value = {...} // new graph state, empty or not;
    graphMakerRef.value?.reset();
}

</script>

<template>
    <graph-maker
      ref="graphMaker"
      v-model="state"
      chartType="discrete"
      :pFrame="app.model.outputs.pFrame"
      :default-options="defaultOptions"
    />
</template>

How to build locally:

npm install
npm run build

@ag-grid-community/core @milaboratories/helpers @milaboratories/miplots4 @milaboratories/pf-plots @platforma-sdk/model @platforma-sdk/ui-vue @types/d3-hierarchy @vueuse/core ag-grid-vue3 canonicalize d3-hierarchy d3-scale vue

@platforma-open/milaboratories.repertoire-diversity.ui @platforma-open/milaboratories.mixcr-shm-trees.model @platforma-open/milaboratories.mixcr-shm-trees.ui

9 months ago

9 months ago

5 months ago

9 months ago

4 months ago

9 months ago

5 months ago

9 months ago

5 months ago

9 months ago

5 months ago

9 months ago

5 months ago

9 months ago

5 months ago

9 months ago

5 months ago

9 months ago

5 months ago

9 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

11 months ago

11 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

10 months ago

5 months ago

10 months ago

5 months ago

10 months ago

5 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

4 months ago

9 months ago

9 months ago

10 months ago

10 months ago

9 months ago

9 months ago

9 months ago

9 months ago

12 months ago

12 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

11 months ago

6 months ago

11 months ago

6 months ago

12 months ago

6 months ago

11 months ago

11 months ago

6 months ago

11 months ago

11 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

5 months ago

5 months ago

5 months ago

6 months ago

7 months ago

8 months ago

8 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

6 months ago

7 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago