css

  • Interactive Plots – Cell Biology

    This web-based app is a tool I developed to make interactive data visualization. Examples below show an interactive Volcano Plot (Fig. 1), a Bar Plot (Fig. 2), and its raw data (Fig. 3). Those diagrams are related to Cell Biology research yet to be published.

    Fig. 1 – Volcano Plot
    Fig. 2 – Bar Plot
    Fig. 3 – Raw data

    Those plots aren’t static. Indeed, the UI allows users to filter the data interactively, that’s why you see on the left side of the UI some input fields like TPM (transcripts per million), P-value, and FC (Fold Change).

    This app has been developed to produce a standalone HTML page on a per-customer basis. Each build can include several projects, each of them including one or more interactive visualizations.

    For each project, data is first normalized/transformed/cleaned using Python (Pandas, NumPy), and integrated as a JSON file into the app.

    Many types of plots have been used for this app; they all rely on Plotly.js and D3.js libraries.

    Plotly.js / D3.js / TypeScript / Python

  • DR. Stats

    DR STATS Home page https://dice.42borgata.com

    I wrote this webapp to follow the dice roll distribution during a Catan game. Of course it can works with any game that uses from 1 to 3 dices.

    Each time dices are thrown, user can register it by pressing one of the blue buttons. This has for effect to update in real time the game statistics as blue bars. The theoretical values are the orange line.

    User can visualize the history, and undo in case of errors. The state of the application is automatically saved/restored from the browser’s local storage.

    dice.42borgata.com

    github

    React / Vite / Plotly.js / Material Design

  • Collatz Visualizer

    Collatz visualizer | Syracuse function with x=12

    I was recently triggered by the Collatz conjecture – also known as the Syracuse conjecture. As I wanted to learn a few bunches of new web technologies (Bootstrap, Webpack, Chart.js), I decided to start a simple project on the Collatz theme in order to get a new experience.

    The Collatz conjecture involving the Syracuse function is still an unproven mathematical problem. With my website, you can visualize the Syracuse function for a given initial number.

    TRY IT: collatzvisualizer.42borgata.com

    Bootstrap / Webpack / Sass / Chart.js / Javascript / HTML / CSS

    (suite…)