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.

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

Jump to bottom

Implement Histogram and Stacked Histogram #224

Open
ctcncgr opened this issue Oct 9, 2023 · 0 comments
Open

Implement Histogram and Stacked Histogram #224

ctcncgr opened this issue Oct 9, 2023 · 0 comments
Assignees
@ctcncgr

Comments

@ctcncgr
Copy link
Member

ctcncgr commented Oct 9, 2023 •
edited
Loading

I'm thinking about some more generalized components like histograms and scatterplots.

I think a stacked histogram using D3 would be useful. I will consume this and the lis-simple-table-element component to begin replacing DSCensors multiQC view. The phylotree that is in the works already uses D3 so it will be an existing dependency when that is added.

I'm adding this largely for myself to implement when I get back in November.

Histogram example:

https://d3-graph-gallery.com/graph/histogram_basic.html
@ctcncgr ctcncgr self-assigned this Oct 9, 2023
ctcncgr pushed a commit that referenced this issue Apr 10, 2024
First pass at a simple d3 histogram litelement. #224
3fe0e61
ctcncgr added a commit that referenced this issue Apr 10, 2024
@ctcncgr
First pass at a simple d3 histogram litelement. #224
c5afc12
ctcncgr added a commit that referenced this issue Apr 11, 2024
@ctcncgr
reduce required logic. #224
af4908b
ctcncgr added a commit that referenced this issue Apr 16, 2024
@ctcncgr
add labels to axis. #224
bdc66aa
ctcncgr added a commit that referenced this issue Apr 16, 2024
@ctcncgr
add labels to axis. #224
39d91f2
ctcncgr added a commit that referenced this issue Apr 16, 2024
@ctcncgr
add labels to axis. add fill to override none in d3 v4. #224
a32abf0
ctcncgr added a commit that referenced this issue Apr 16, 2024
@ctcncgr
add labels to axis. add fill to override none in d3 v4. #224
a28041c
ctcncgr added a commit that referenced this issue Apr 16, 2024
@ctcncgr
add labels to axis. add fill to override none in d3 v4. #224
e693130
ctcncgr added a commit that referenced this issue Apr 16, 2024
@ctcncgr
working histogram. need to fix y axis rendering issue. #224
ad54ce8
ctcncgr added a commit that referenced this issue Apr 17, 2024
@ctcncgr
add padding to svg width and height to fix axis overflow issues. #224
89c24cd
ctcncgr added a commit that referenced this issue Apr 17, 2024
@ctcncgr
add padding to svg width and height to fix axis overflow issues. #224
9361bb7
ctcncgr added a commit that referenced this issue Apr 17, 2024
@ctcncgr
render axis ticks and values. add padding. #224
e13975f
ctcncgr added a commit that referenced this issue Apr 17, 2024
@ctcncgr
working axis with labels. #224
5fc55d0
ctcncgr added a commit that referenced this issue Apr 17, 2024
@ctcncgr
updated with xlabel and ylabel properties to set axis labels. #224
4caf0d4
ctcncgr added a commit that referenced this issue Apr 17, 2024
@ctcncgr
updated with settable axis labels and working example in dev/core. #224
9d12255
ctcncgr added a commit that referenced this issue Apr 17, 2024
@ctcncgr
added configurable width and height for the SVG container. #224
3d348c3
ctcncgr added a commit that referenced this issue Apr 17, 2024
@ctcncgr
add mouse on hover for each rectangle to display x and y values and a…
30d1eb3 
…xis labels. #224
ctcncgr added a commit that referenced this issue Apr 18, 2024
@ctcncgr
orientation property can now be set to vertical. horizontal by default.
105f1b8 
#224
ctcncgr added a commit that referenced this issue Apr 30, 2024
@ctcncgr
added dynamic padding based on maxLabelLength for the ordinal axis. #224
c8eff5d
ctcncgr added a commit that referenced this issue Apr 30, 2024
@ctcncgr
remove useless comments and fix formatting. #224
ceb1368
ctcncgr added a commit that referenced this issue Apr 30, 2024
@ctcncgr
added usage and example. #224
c6ef552
ctcncgr added a commit that referenced this issue Apr 30, 2024
@ctcncgr
Filled out page text for example using simple-table and histogram. #224
1153cc4
ctcncgr added a commit that referenced this issue Apr 30, 2024
@ctcncgr
better example formatting. #224
1fb7530
ctcncgr added a commit that referenced this issue May 1, 2024
@ctcncgr
regenerated docs. #224
39d6ebb
ctcncgr added a commit that referenced this issue May 2, 2024
@ctcncgr
Scatter plot component #224 for now.
737f572
ctcncgr added a commit that referenced this issue May 2, 2024
@ctcncgr
add circles. update next to use lis-colors instead of just steelblue. #…
0e49d91 
…224
ctcncgr added a commit that referenced this issue May 8, 2024
@ctcncgr
added dscensor starter. #224
7a73c1a
ctcncgr added a commit that referenced this issue May 14, 2024
@ctcncgr
fix some things for PR #386 issue #224.
471a931
ctcncgr added a commit that referenced this issue Jun 24, 2024
@ctcncgr
changes to labeling and core properties. moved histogram to vis. #224
392b147
ctcncgr added a commit that referenced this issue Jun 24, 2024
@ctcncgr
removed histogram model file and added to histogram element. #224
ba79663
ctcncgr added a commit that referenced this issue Jun 24, 2024
@ctcncgr
removed histogram data model from index.ts #224
215fb55
ctcncgr added a commit that referenced this issue Jun 27, 2024
@ctcncgr
better doc. better description in html example. #224
21c9f46
ctcncgr added a commit that referenced this issue Jun 27, 2024
@ctcncgr
update countsLabel and add vis to typedoc.json. #224
3ee5015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ctcncgr ctcncgr

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@ctcncgr