Skip to content

Version 2.1 Marge #25

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

Open
osamaimran25 wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Version 2.1 Marge #25

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0a67c3d
Version 2.1 Marge
osamaimran25 Apr 17, 2024
4e02a9d
fixed build issues
osamaimran25 Apr 17, 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
23 changes: 0 additions & 23 deletions .babelrc
View file
Open in desktop

This file was deleted.

2 changes: 2 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,3 +93,5 @@ typings/

# dotenv environment variables file
.env
app/flagshipData/Earth Microbiome Project/.testdata 2.biom.icloud
app/flagshipData/Earth Microbiome Project/.testdata 2.biom.icloud
52 changes: 26 additions & 26 deletions app/components/About.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,10 +31,10 @@ export default class About extends Component {
};
}

/*This function deals with when the mouse hovers over the edit icon on top right of
/* This function deals with when the mouse hovers over the edit icon on top right of
the home screen and changes img src accordingly to correct svg file */
handleMouseOver (title) {
switch(title) {
handleMouseOver(title) {
switch (title) {
case 'New to Phinch?':
this.setState({ link1: arrowHover });
break;
Expand All @@ -53,10 +53,10 @@ export default class About extends Component {
}
}

/*This function deals with the mouse leaving an icon (no longer hovering) and
/* This function deals with the mouse leaving an icon (no longer hovering) and
changed img src to correct svg file */
handleMouseLeave (title) {
switch(title) {
handleMouseLeave(title) {
switch (title) {
case 'New to Phinch?':
this.setState({ link1: arrow });
break;
Expand Down Expand Up @@ -86,29 +86,29 @@ export default class About extends Component {
<div className={`${styles.section} ${styles.right} ${styles.about} ${styles.center}`}>

<div
onMouseOver={() => this.setState({hoveringClose: true})}
onMouseOut={() => this.setState({hoveringClose: false})}
onMouseOver={() => this.setState({ hoveringClose: true })}
onMouseOut={() => this.setState({ hoveringClose: false })}
>
<Link to="/"><img className={styles.close} src={this.state.hoveringClose ? close : closeDefault} alt="Home" /></Link>
</div>
<h2>About Phinch</h2>
<p className={styles.first}>
PHINCH is an open-source framework for visualizing biological data, funded by a grant from the Alfred P. Sloan foundation. This project represents an interdisciplinary collaboration between Pitch Interactive, a data visualization studio in Oakland, CA, and biological researchers at UC Davis. {/* eslint-disable-line max-len */}
</p>
<p>
Whether it&#39;s genes, proteins, or microbial species, Phinch provides an interactive visualization tool that allows users to explore and manipulate large biological datasets. Computer algorithms face significant difficulty in identifying simple data patterns; writing algorithms to tease out complex, subtle relationships (the type that exist in biological systems) is almost impossible. However, the human eye is adept at spotting visual patterns, able to quickly notice trends and outliers. It is this philosophy especially when presented with intuitive, well-designed software tools and user interfaces. {/* eslint-disable-line max-len */}
</p>
<p>
The sheer volume of data produced from high-throughput sequencing technologies will require fundamentally different approaches and new paradigms for effective data analysis. {/* eslint-disable-line max-len */}
</p>
<p>
Scientific visualization represents an innovative method towards tackling the current bottleneck in bioinformatics; in addition to giving researchers a unique approach for exploring large datasets, it stands to empower biologists with the ability to conduct powerful analyses without requiring a deep level of computational knowledge. {/* eslint-disable-line max-len */}
</p>
<div className={` ${styles.logos}`}>
<img src={aps} className={styles.alogo} alt="Alfred P. Sloan Logo" />
<img src={uga} className={styles.ugalogo} alt="University of Georgia Logo" />
<img src={pitch} className={styles.pitchlogo} alt="Pitch Interactive Logo" />
</div>
<h2>About Phinch</h2>
<p className={styles.first}>
PHINCH is an open-source framework for visualizing biological data, funded by a grant from the Alfred P. Sloan foundation. This project represents an interdisciplinary collaboration between Pitch Interactive, a data visualization studio in Oakland, CA, and biological researchers at UC Davis. {/* eslint-disable-line max-len */}
</p>
<p>
Whether it&#39;s genes, proteins, or microbial species, Phinch provides an interactive visualization tool that allows users to explore and manipulate large biological datasets. Computer algorithms face significant difficulty in identifying simple data patterns; writing algorithms to tease out complex, subtle relationships (the type that exist in biological systems) is almost impossible. However, the human eye is adept at spotting visual patterns, able to quickly notice trends and outliers. It is this philosophy especially when presented with intuitive, well-designed software tools and user interfaces. {/* eslint-disable-line max-len */}
</p>
<p>
The sheer volume of data produced from high-throughput sequencing technologies will require fundamentally different approaches and new paradigms for effective data analysis. {/* eslint-disable-line max-len */}
</p>
<p>
Scientific visualization represents an innovative method towards tackling the current bottleneck in bioinformatics; in addition to giving researchers a unique approach for exploring large datasets, it stands to empower biologists with the ability to conduct powerful analyses without requiring a deep level of computational knowledge. {/* eslint-disable-line max-len */}
</p>
<div className={` ${styles.logos}`}>
<img src={aps} className={styles.alogo} alt="Alfred P. Sloan Logo" />
<img src={uga} className={styles.ugalogo} alt="University of Georgia Logo" />
<img src={pitch} className={styles.pitchlogo} alt="Pitch Interactive Logo" />
</div>
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion app/components/CheckBoxes.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import styles from './CheckBoxes.css';
import gstyle from './general.css';

export default class CheckBoxes extends Component {
render() {
render() {
const buttons = this.props.filter.expanded ? (
<div>
<div
Expand Down
Loading