Skip to content
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.

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

WIP Constellation plot ideas #31

Open
wants to merge 25 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from 18 commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
46cb652
start on constellation plots...
froyo-np Aug 30, 2024
033016a
harness for building the constellation plot thingy
froyo-np Aug 30, 2024
df67cf7
do a gql, merge that data with the csv, render the plot with color af…
froyo-np Aug 31, 2024
0419a40
nicer animation, less janky beginning
froyo-np Sep 3, 2024
34e44c3
update docs
froyo-np Sep 3, 2024
06d61fa
formatting, plus fix texture sampling mistakes
froyo-np Sep 3, 2024
2028e3f
thinking about the best way to handle an interconnected tree of graph…
froyo-np Sep 12, 2024
e86a57d
Merge branch 'noah/constellation' into noah/cgraph
froyo-np Oct 3, 2024
3d28085
spin my wheels on math for a bit too long
froyo-np Oct 7, 2024
b4e0c34
work out some issues regarding edge rendering. start on being able to…
froyo-np Oct 8, 2024
66480c0
costly but fun
froyo-np Oct 8, 2024
2a72baf
fiddle with edge rendering to increase clarity - I think this graph h…
froyo-np Oct 8, 2024
da62163
hovering for funsies - consider filtering next
froyo-np Oct 9, 2024
be65080
experimental method for filtering taxon-nodes by things that would sp…
froyo-np Oct 9, 2024
09e5ad5
use the real edges, fix up all the edge width issues
froyo-np Oct 10, 2024
8ec6062
color by controls for demo, smoother animation on edges
froyo-np Oct 11, 2024
575450c
clean up unused sidebar, fix camera aspect ratio
froyo-np Oct 11, 2024
8a8c1e8
first pass at cleanup
froyo-np Oct 16, 2024
f289620
use a detail setting that is less harmful to the sfs
froyo-np Oct 23, 2024
30fb4fa
transition to the somewhat more ergonomic render interface system. Sa…
froyo-np Oct 23, 2024
f3bbed8
Merge branch 'main' into noah/cgraph
froyo-np Oct 24, 2024
bcc6cad
PR review cleanups
froyo-np Oct 24, 2024
8bfc176
readme words, cleanup imports
froyo-np Oct 24, 2024
f85e843
remove unused things
froyo-np Oct 24, 2024
5829996
Merge branch 'main' into noah/cgraph
froyo-np Nov 13, 2024
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
13 changes: 13 additions & 0 deletions examples/constellation.html
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's add some controls either on the demo screen itself or in the README for the examples folder. I had to go hunting for the controls in the code to figure out how to animate it or switch the types!

Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!doctype html>
<html>
<body>
<canvas
id="glCanvas"
style="top: 0; left: 0%; width: 100%; height: 100%; position: absolute"
>
</body>
</html>
<script
type="module"
src="./src/constellation/constellation.ts"
></script>
1 change: 1 addition & 0 deletions examples/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
<ul>
<li><a href="/dzi">Deep Zoom Image</a><br /></li>
<li><a href="/layers">Layers</a><br /></li>
<li><a href="/constellation">Constellation</a><br /></li>
</ul>
</body>
</html>
2 changes: 2 additions & 0 deletions examples/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,8 @@
"@types/react": "^18.3.0",
"@types/react-dom": "^18.3.0",
"@vitejs/plugin-react-swc": "^3.5.0",
"gqty": "^3.2.1",
"graphql": "^16.9.0",
"typescript": "^5.3.3",
"vite": "^5.3.5"
},
Expand Down
2 changes: 1 addition & 1 deletion examples/src/common/loaders/scatterplot/data.ts
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ function toReglBuffer(c: ColumnData, regl: REGL.Regl) {
data: regl.buffer(c),
} as const;
}
function fetchAndUpload(
export function fetchAndUpload(
settings: { dataset: Dataset; regl: REGL.Regl },
node: ColumnarNode<vec2>,
req: ColumnRequest,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -199,6 +199,7 @@ function loadSlideViewDataset(metadata: SlideColumnarMetadata, _datasetUrl: stri
visualizationReferenceId,
};
}
export type ScatterplotDataset = ReturnType<typeof loadDataset>;
export type SlideViewDataset = ReturnType<typeof loadSlideViewDataset>;

export function loadDataset(metadata: ColumnarMetadata, datasetUrl: string) {
Expand Down
Loading