Bradford Condon PhD

Bioinformatics, Web & Mobile Development


d3

D3 logo

In the previous post, we learned about using scales to format our x and y axes, s well as our bar coloring.

In this post I want to address how to nest data with D3. We will use the nest method to automatically sort our samples by property, and we’ll use multiple x-scales to group them along the x-axis.

Read the full post...

D3 logo

In our previous lesson, we created this rudimentary plot.

D3 considers the upper left corner of the SVG to be 0,0. This means that the part of our code defining y values needs to be corrected.

To correct our inverted plot, let’s introduce D3 scales. As a quick reminder, we’re using the D3-3.x package: the latest version has slightly different scale function calls.

Read the full post...

D3 logo

D3js (Data-Driven Documents) is a Javascript library that manipulates the DOM and is often used to build SVG plots. I recently created an interactive plot for differential expression data as part of the Tripal Analysis Expression module. Because other Tripal modules use D3 v3.x, I was required to do the same (as opposed to v4, the latest version). While the API is available, I’m the sort of person who learns best from tutorials and examples, and I struggled to find enough v3 examples.

Read the full post...