Skip to content

Explain DeltaSignal's result columns in the panel #765

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
adamjohnwright wants to merge 1 commit into from
Closed

Explain DeltaSignal's result columns in the panel #765

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 30 additions & 1 deletion projects/pathway-browser/src/app/deltasignal/deltasignal-panel.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -206,9 +206,38 @@ <h3>Predicted response</h3>
entity, all values appear as a gradient. The pathway diagram remains interactive beside this panel.
</p>

<details class="column-help">
<summary>What do these columns mean?</summary>
<dl>
<dt>Activity</dt>
<dd>
The entity's predicted activity once the network settles, on the same scale as the input: 1× is normal,
0 is none, and higher is more active.
</dd>
<dt>Change</dt>
<dd>
Predicted activity minus the entity's own normal (baseline) activity: below zero it falls, above zero it
rises. The diagram's colours show this.
</dd>
<dt>Influence</dt>
<dd>
How strongly the reactions this entity takes part in respond to a small change in it, at the predicted
state. Higher means it matters more to the result; it is a ranking, not a unit.
</dd>
</dl>
<p>
Rows are sorted by the size of the change; a highlighted row is one you perturbed. Where one entity is
several nodes of the logic network, its row shows their average activity and change and their largest
influence.
</p>
</details>

<div class="result-table" role="table" aria-label="DeltaSignal predictions">
<div class="result-row header" role="row">
<span>Entity</span><span>Activity</span><span>Change</span><span>Influence</span>
<span role="columnheader">Entity</span>
<span role="columnheader">Activity (× normal)</span>
<span role="columnheader">Change vs baseline</span>
<span role="columnheader">Influence</span>
</div>
@for (row of visibleRows(); track row.uuid) {
<div class="result-row" role="row" [class.perturbed]="row.perturbed">
Expand Down
32 changes: 32 additions & 0 deletions projects/pathway-browser/src/app/deltasignal/deltasignal-panel.component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -329,6 +329,38 @@ main {
font: var(--mat-sys-body-small);
}

.column-help {
margin: 0 0 12px;
color: var(--on-surface-variant);
font: var(--mat-sys-body-small);

summary {
cursor: pointer;
color: var(--primary);
font: var(--mat-sys-label-large);
}

dl {
display: grid;
grid-template-columns: max-content 1fr;
gap: 6px 12px;
margin: 10px 0 6px;
}

dt {
color: var(--on-surface);
font-weight: 500;
}

dd {
margin: 0;
}

p {
margin: 0;
}
}

.result-table {
max-height: 360px;
overflow: auto;
Expand Down
Loading