Draw Bar / Graph
Plot graph or bar chart from array of number.
Node Data | |
|---|---|
 | |
| GenerateAnimationArray | |
Display name | |
Draw Bar / Graph | |
Internal name | |
Node_Plot_Linear | |
Inheritances | |
| node | |
| node_processor | |
| node_plot_linear | |
Inputs | |
node_plot_linear | |
dimension |
Dimension |
float |
Data |
slider |
Range |
float |
Sample Frequency |
vec2 |
Origin |
float |
Scale |
color |
Base Color |
float |
Graph Thickness |
bool |
Background |
color |
Background Color |
rotation |
Direction |
enum |
Type |
float |
Value Offset |
gradient |
Color Over Sample |
enum |
Trim Mode |
int |
Window Size |
float |
Window Offset |
float |
Spacing |
float |
Bar Width |
bool |
Rounded Bar |
pathnode |
Path |
bool |
Flip Value |
bool |
Loop |
float |
Smooth |
gradient |
Color Over Value |
range |
Value Range |
bool |
Absolute |
map |
Sample Gradient Map |
gradientrange |
Sample Gradient Map Range |
map |
Value Gradient Map |
gradientrange |
Value Gradient Map Range |
Outputs | |
node_plot_linear | |
surface |
Surface Out |
Bar/Graph node is used to plot graph using array of number. While initialliy created for audio visualization, it can be use to create interesting shape as well.
Data Processing
The first section contain properties related to data processing.
| Property | Description |
|---|---|
| Value Offset | Add or subtract all values with a fixed amount |
| Flip Value | Invert the sign of the data |
| Trim Mode | Set the data trimming mode |
| Range | Range of the data trimming |
| Sample Frequency | Sample data at every N values instead of all |
Plot Properties
There're 2 typs of plot: bar and graph. Both types share similiar set of properties:
| Property | Description |
|---|---|
| Type | Set the type of plot between Bar and Graph |
| Origin | The origin position |
| Direction | The direction where each subsequence data go |
| Path | The path to draw the plot on. If using path, the Direction property will be disabled |
| Scale | The scale of the plot |
The graph type open up to more controls:
| Property | Description |
|---|---|
| Loop | Add line connecting the last and first data |
| Smooth | Smooth out the value with moving average |
Render Properties
Properties in this section are all related to rendering.
| Property | Description |
|---|---|
| Base Color | Base color of the plot |
| Color Over Sample | Color to blend per each value (based on the index) |
| Color Over Value | Color to blend based on the value |
| Value Range | The range for the Color Over Value property. e.g. if the range is [0, 10] then value 5 will correspond to the middle of the gradient |
| Absolute | Apply absolute to the value before calculating Color Over Value |
| Bar Width | The width of each bar |
| Rounded Bar | Use capsule bar shape instead of rectangle |
| Graph Thickness | The thickness of the graph line |
| Spacing | The distance between each data point |
| Background | Background Color |