User:IsadoraofIbiza/sandbox/Chloroplast cladograms are complicated



 Cyanobacteria



 Archæplastida 

 



  Land plants

  Glaucophyta

  Green algae

  Excavata   <div style="z-index: 1; text-align: left; position: absolute; line-height: 28px; height: 4px; top: 150px; margin-left: calc(36% + 4px); width: 25%; background: #ddd; color: #ddd; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 150px; margin-left: 60%; width: 40%; background: #24d16d; color: #24d16d; " > Euglenophyta

<div style="position: relative; line-height: 28px; height: 16px; top: -14px; left: -14px; width: 16px; border-radius: 16px; background: white; padding: 8px;" > <div style="position: relative; line-height: 28px; height: 16px; left: -4px; top: -4px; width: 16px; border-radius: 16px; background: white; border: 4px solid #24d16d; color: #24d16d; " >

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 252px; top: 102px; margin-left: 30%; width: 4px; background: #dc003e; color: #dc003e; " > <div style="border-radius: 2px 0 0 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 350px; margin-left: 30%; width: 9%; background: #dc003e; color: #dc003e; " > <div style="z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 350px; margin-left: calc(41% + 4px); width: calc(10% - 4px); background: #dc003e; color: #dc003e; " > <div style="border-radius: 0 2px 2px 0; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 350px; margin-left: calc(53% + 4px); width: calc(47% - 4px); background: #dc003e; color: #dc003e; " > Rhodophyta

<div style="z-index: 2; border-radius: 2px; position: absolute; line-height: 28px; height: 227px; top: 200px; margin-left: 40%; width: 4px; background: #24d14e; color: #24d14e; " >

<div style="border-radius: 2px; z-index: 1; text-align: left; position: absolute; line-height: 28px; height: 4px; top: 425px; margin-left: 0%; width: 40%; background: #ddd; color: #ddd; " > Chromalveolata 

<div style="position: relative; line-height: 28px; height: 16px; top: -14px; left: -14px; width: 16px; border-radius: 16px; background: white; padding: 8px;" > <div style="position: relative; line-height: 28px; height: 16px; left: -4px; top: -4px; width: 16px; border-radius: 16px; background: white; border: 4px solid #24d16d; color: #24d16d; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 425px; margin-left: 40%; width: 10%; background: #24d16d; color: #24d16d; " >

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 77px; top: 350px; margin-left: 47%; width: 4px; background: #dc003e; color: #dc003e; " >

<div style="position: relative; line-height: 28px; height: 16px; top: -14px; left: -14px; width: 16px; border-radius: 16px; background: white; padding: 8px;" > <div style="position: relative; line-height: 28px; height: 16px; left: -4px; top: -4px; width: 16px; border-radius: 16px; background: white; border: 4px solid #bd3f00; color: #bd3f00; " >

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 152px; top: 275px; margin-left: 52%; width: 4px; background: #ddd; color: #ddd; " > <div style="border-radius: 2px; z-index: 1; text-align: left; position: absolute; line-height: 0px; height: 4px; top: 275px; margin-left: 52%; width: 3%; background: #ddd; color: #ccc; " > Rhizaria a  <div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 54px; top: 250px; margin-left: 55%; left: -2px; width: 4px; background: #ddd; color: #ddd; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 250px; margin-left: 55%; left: -2px; width: 5%; background: #ddd; color: #ddd; " >

<div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 300px; margin-left: 55%; left: -2px; width: 30%; background: #ddd; color: #ddd; " > <div style="position: absolute; line-height: 28px; height: 45px; top: 0px; margin-left: 85%; width: 4px; background: #00c9be; color: #00c9be; " > <div style="position: absolute; line-height: 28px; height: 36px; top: 59px; margin-left: 85%; width: 4px; background: #00c9be; color: #00c9be; " > <div style="position: absolute; line-height: 28px; height: 36px; top: 109px; margin-left: 85%; width: 4px; background: #00c9be; color: #00c9be; " > <div style="position: absolute; line-height: 28px; height: 36px; top: 159px; margin-left: 85%; width: 4px; background: #00c9be; color: #00c9be; " > <div style="position: absolute; line-height: 28px; height: 36px; top: 209px; margin-left: 85%; width: 4px; background: #00c9be; color: #00c9be; " > <div style="position: absolute; line-height: 28px; height: 36px; top: 259px; margin-left: 85%; width: 4px; background: #00c9be; color: #00c9be; " >

<div style="position: relative; line-height: 28px; height: 16px; top: -14px; left: -14px; width: 16px; border-radius: 16px; background: white; padding: 8px;" > <div style="position: relative; line-height: 28px; height: 16px; left: -4px; top: -4px; width: 16px; border-radius: 16px; background: white; border: 4px solid #00c9be; color: #00c9be; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 300px; margin-left: 85%; width: 15%; background: #00c9be; color: #00c9be; " > Paulinella 

<div style="border-radius: 2px; position: absolute; line-height: 28px; height: 50px; top: 200px; margin-left: 60%; width: 4px; background: #24d14e; color: #24d14e; " >

<div style="position: relative; line-height: 28px; height: 16px; top: -14px; left: -14px; width: 16px; border-radius: 16px; background: white; padding: 8px;" > <div style="position: relative; line-height: 28px; height: 16px; left: -4px; top: -4px; width: 16px; border-radius: 16px; background: white; border: 4px solid #24d150; color: #24d150; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 250px; margin-left: 60%; width: 40%; background: #24d150; color: #24d150; " > Chlorarachniophyta

<div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 425px; margin-left: 47%; width: 23%; background: #bd3f00; color: #bd3f00; " > <div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 29px; top: 400px; margin-left: 70%; left: -2px; width: 4px; background: #b13b00; color: #b13b00; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 400px; margin-left: 70%; left: -2px; width: calc(30% + 2px); background: #b13b00; color: #b13b00; " > Haptophyta

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 29px; top: 425px; margin-left: 70%; left: -2px; width: 4px; background: #ca4300; color: #ca4300; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 450px; margin-left: 70%; left: -2px; width: calc(30% + 2px); background: #ca4300; color: #ca4300; " > Cryptophyta

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 79px; top: 425px; margin-left: 60%; left: -2px; width: 4px; background: #99602a; color: #99602a; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 500px; margin-left: 60%; width: 40%; background: #99602a; color: #99602a; " > Heterokontophyta

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 54px; top: 500px; margin-left: 65%; left: -2px; width: 4px; background: #d96f02; color: #d96f02; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 550px; margin-left: 65%; width: 35%; background: #d96f02; color: #d96f02; " > Dinoflagellata

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 54px; top: 550px; margin-left: 85%; left: -2px; width: 4px; background: #ccc; color: #ccc; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 600px; margin-left: 85%; width: 15%; background: #ccc; color: #ccc;"> Apicomplexa

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 104px; top: 550px; margin-left: 75%; left: -2px; width: 4px; background: #ddd; color: #ddd; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 650px; margin-left: 75%; width: 25%; background: #ddd; color: #ccc;"> Ciliatea

Possible cladogram of chloroplast evolution Circles represent endosymbiotic events. For clarity, dinophyte tertiary endosymbioses and many nonphotosynthetic lineages have been omitted.

Edit