Skip to content
Chemistry Medium #chromatography

Chromatography Types

GC, HPLC, TLC, ion-exchange - separation by partitioning between phases.

A free, animated chromatography types you can read here or embed on any website, from Scrollchart.

Chromatography Types

Chromatography TypesFive methods compared by phase system, separation principle, and sample typeCarrier gas(He, N2)Polymer filmon silicaVolatility + boiling pointOrganic/aqueous solventC18 silica particlesPolarity + partitionSolvent mixtureSilica gelon platePolarity (Rf value)Buffer + salt gradientCharged resin beadsCharge affinityAqueous bufferPorous gel beadsMolecular size (MW)GC and HPLC give highest resolution; TLC is fastest for qualitative screening; IEC and SEC dominate biomolecule purification

Comparison of GC (volatile), HPLC (less volatile), TLC (qualitative), ion-exchange (charge-based), size-exclusion (size-based). Stationary and mobile phases per method.

Good for

  • Analytical chemistry courses comparing separation techniques
  • Method selection guides for pharmaceutical and environmental labs
  • Undergraduate lab preparation for instrument familiarisation

Source & accuracy

This chromatography types is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Separation by partitioning between phases

Chromatography exploits the fact that molecules stick to different materials with different strengths. A sample is loaded onto a stationary phase (a solid, a liquid coating a solid, or a gel). A mobile phase (liquid or gas) flows through, carrying molecules at rates that depend on how much they prefer to stay in the stationary vs. mobile phase. Molecules that stick weakly move fast; those that stick strongly move slowly. This difference in movement separates the mixture.

Gas chromatography (GC) uses a gas as mobile phase, typically a heated column packed with a liquid coating or polymer. Molecules with lower boiling points and lower affinity for the stationary phase elute first. It is fast, quantitative, and excellent for volatile, heat-stable compounds.

Liquid-phase and specialty methods

HPLC (high-performance liquid chromatography) uses a liquid mobile phase under pressure, giving much finer control and applicability to larger, more polar molecules that would decompose in a GC column. TLC (thin-layer chromatography) is the DIY version: a thin layer of adsorbent on glass, a drop of sample at the bottom, solvent flows up. It is cheap and fast for rough separation.

Ion-exchange chromatography separates by charge: the stationary phase is functionalized with charged groups that attract oppositely charged molecules. Proteins, amino acids, and nucleic acids are routinely purified this way. Size-exclusion (gel filtration) separates by size: large molecules elute first because they cannot enter the pores of the gel and skip through the column faster. Each method solves a different separation problem.

Embed this diagram

Add this animated chromatography types to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated chromatography types for any website.
Who uses it
Chemistry educators.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="chromatography-types" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Chromatography Types" for my website?
Scrollchart provides "Chromatography Types" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a chromatography types in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.