ASCII Tree Logo

Developer
Dave Alger
Size
4,202 Kb
Views
40,480
  1. ASCII Tree Logo Previews
  2. ASCII Tree Logo HTML Codes
  3. ASCII Tree Logo CSS Codes
  4. ASCII Tree Logo JS Codes

How do I make an ascii tree logo?

I currently work at FamilySearch and wanted to see how hard it would be to generate the logo using the names in my family tree.. What is a ascii tree logo? How do you make a ascii tree logo? This script and codes were developed by Dave Alger on 11 August 2022, Thursday.

ASCII Tree Logo Previews
IQ Test

ASCII Tree Logo - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>ASCII Tree Logo</title> <link href="https://fonts.googleapis.com/css?family=Anonymous+Pro|Cousine|Cutive+Mono|Droid+Sans+Mono|Fira+Mono|Inconsolata|Nova+Mono|Overpass+Mono|Oxygen+Mono|PT+Mono|Roboto+Mono|Share+Tech+Mono|Source+Code+Pro|Space+Mono|Ubuntu+Mono|VT323" rel="stylesheet"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="logo_out"></div> <script src="js/index.js"></script>
</body>
</html>

ASCII Tree Logo - Script Codes CSS Codes

body { /* font-family: 'Source Code Pro', monospace;
font-family: 'Overpass Mono', monospace;
font-family: 'Cutive Mono', monospace;
font-family: 'Nova Mono', monospace;
font-family: 'Fira Mono', monospace;
font-family: 'Oxygen Mono', monospace;
font-family: 'Space Mono', monospace;
font-family: 'Anonymous Pro', monospace;
font-family: 'Share Tech Mono', monospace;
font-family: 'PT Mono', monospace;
font-family: 'Cousine', monospace;
font-family: 'Ubuntu Mono', monospace;
font-family: 'Droid Sans Mono', monospace;
font-family: 'Roboto Mono', monospace;
font-family: 'VT323', monospace;
font-family: 'Inconsolata', monospace; */ background: #000; color: #fff;
}
#logo_out { font-family: 'Share Tech Mono', monospace; /***** remove comment before printing *****/ /* filter: brightness(1.8); */
}

ASCII Tree Logo - Script Codes JS Codes

var fs = ['','#9c947a','#bab7b1','#87b940'];
var fs_print = ['', 'rgb(156,148,122)', 'rgb(186,183,177)', 'rgb(135,185,64)'];
var pumpkin = ['','#87B940','#BFD730','#FCB34B'];
var forrest = ['','#594433','#A68C69','#9BA657'];
var hippy = ['','#B1CD02','#F8235F','#00E0B9'];
var menasco = ['', '#368DDA', '#36D9D3', '#363bda'];
var greyscale = ['', '#2d2d2d', '#d2d2d2', '#8e8e8e'];
var bubblegum = ['', '#EE6699', '#DCD280', '#82A3DB'];
var genDefault = ['■', '●']
var genHollow = ['□', '○'];
var genSymbol = ['♂', '♀'];
var genderDots = genDefault;
var useColor = false;
var colorList = fs;
var r = 80;
var tree = "000000000000000000000000000000333333333333333330000000000000000000000000000000000000000000000000000000000000003333333333333333300000000000000000000000000000000000000000000000000000000000000033330000000003333000000000000000000000000000000000000000000000000000000000000000333300000000033330000000000000000000000000000000000000000000000000000000000000003333000000000333300000000000000000000000000000000000000000000222222222222220000033330000000003333000000000000000000000000000000000000000000002222222222222200000333333333333333330000000000000000000000000000000000000000000022220000002222000003333333333333333300000000000000000000000000000000000000000000222200000022220000000000000000000000000002222222222222222222220000000000000000002222000000222200000000000000000000000000022222222222222222222200000000000000000022222222222222000001111111111111111100000222220000000000022222000000000000000000222222222222220000011111111111111111000002222200000000000222220000000000000000000000000000000000000111100000000011110000022222000000000002222200000000000000000000000000000000000001111000000000111100000222220000000000022222000000000033333333333333333333330000011110000000001111000002222200000000000222220000000000333333333333333333333300000111100000000011110000022222000000000002222200000000003333333333333333333333000001111111111111111100000222222222222222222222000000000033333300000000003333330000011111111111111111000002222222222222222222220000000000333333000000000033333300000000001111000000000000000000000000000000000000000000003333330000000000333333000000001111000000000000000000000000000000000000000000000033333300000000003333330000000111100022222222222222222222220000333333333333000000333333333333333333333300000011110000222222222222222222222200003333333333330000003333333333333333333333000001111100002222222222222222222222000033330000333300000033333333333333333333330000111110000022222200000000002222220000333300003333000000000000000000111100000000011111000000222222000000000022222200003333333333330000000000000000000011110000001111100000002222220000000000222222000033333333333300000000000000000000001111100111111000000022222200000000002222220000000000000000000000000000000000000000111111111110000000222222222222222222222200000000000000000000000000000000000000000001111111100000002222222222222222222222000000000000000000000000000000000000000000000111111000000022222222222222222222220000000000000000000000000000000000000000000001111111000000000001111000000000000000000000000000000000000000000000000000000000011111110000000001111000000000000000000000000000000000000000000000000000000000000111111110000000111100000000000000000000000000000000000000000000000000000000000000111111110001111100000000000000000000000000000000000000000000000000000000000000001111111111111100000000000000000000000000000000000000000000000000000000000000000001111111111100000000000000000000000000000000000000000000000000000000000000000000011111111110000000000000000000000000000000000000000000000000000000000000000000000011111111110000000000000000000000000000000000000000000000000000000000000000000000011111111110000000000000000000000000000000000000000000000000000000000000000000000011111111110000000000000000000000000000000000000000000000000000000000000000000000011111111110000000000000000000000000000000000000000000000000000000000000000000000011111111111000000000000000000000000000000000000000000000000000000000000000000000011111111111100000000000000000000000000000000000000000000000000000000000000000000011111111111110000000000000000000000000000000000000000000000000000000000000000000011111111111111000000000000000000000000000000";
var gen = "■AllenJesseTerrell●NancyLEDunkly■ReubenSouthern●MarthaBurton■WilliamBSouthern●MaryCTerrell■JamesHarveyCox●MahalaImes■JohnEMiracle●MargaretMRobbins■JamesMHMaricle●EllenCox■HarveyJohnJohnson●LeonaMarionHartson■LaverneHarveyJohnson■CharlesClarkBurr●SarahSloat■JohnWaters●SarahBirch■GeorgeBirchWaters●LauraAnnBurr■GeorgeRomrell●PatienceSwingewood■JohannesJohanssonOssmen●AnnaLenaPersson■AugustWilhelmOssmen●PatienceElizabethRomrell■GeorgeWilmothAllen●RobaliaElizabeth&amp;quot;Roba&amp;quot;Phillips■JamesCottrell●MaryMandanaEast■DelaskaTheodoreCottrell●RobaTheresaAllenMorrison■ChristianSchwiger●ChristinaKimski■JohannChristianTheodorEickholt●ChristeniaKroch■AlfredEEichkoldt●WilhelminaSchwiger■HarveyJohnJohnson●LeonaMarionHartson■LaverneHarveyJohnson■RufusHenrySouthern●ZephriaMarieMaricle■DerkHindriksPrins●HarmkeMeijer■GeertBoekweg●FijkeSlijm■JacobBoekweg●JantjePrins■JohannFriedrichWilhelmTheodoreWichmann●JohannaMariaBrauhart■KarlJohannHeinrichBohn●MariaChristinaKrause■CarlBohn●AnnaMariaWichmann■DelossClarkWaters●HannahLeonaOssmen■JohnZeraAlger●MaryMalindaHall■PaulAlger●MargeanWaters■CarlAloisNemelka●HeleneElizabethLucas■BernhardtBendorf●AnnaMariaElizabethKeller■HalvorJJohannesen●AnnaOtteson■JohnOttoJohnson●EmmaHelenaBendorf■WillsonWilliamStedman●ElizabethRamsayStone■WilliamJosephHartson●MarionHolmesStedman■ProcopiusFranciscusKostecka●PaulinaSchiffner■MartinNemelka●TheresiaRodewald■AdolfNemelka●JohannaPaulinaKostecka■KarlFriedrichDassler●ChristianeFriederikeReinhold■KarlFriederichSchwalbe●JohanneChristliebeLucas■FranzEduardLucas●AnnaPaulineDassler■DelossClarkWaters●HannahLeonaOssmen■JohnZeraAlger●MaryMalindaHall■PaulAlger●MargeanWaters■HarveyJohnJohnson●LeonaMarionHartson■LaverneHarveyJohnson■RufusHenrySouthern●ZephriaMarieMaricle■MurrayAlbertCottrell●SophiaMaeEichkoldt■HarveyLaverneCottrell●AnnaJeanSouthern■LarryLaVerneJohnson●LindaMaeCottrell■SamuelBarnhurst●AneMarieJensen■JohnAlger●SarahAnnPulsipher■JohnZeraAlger●AnnaMaryBarnhurst■AmosHunt●NancyGarrettWelborn■JobPitcherHall●MaryElizabethJones■WilliamWesleyHall●MalindaHunt■DelossClarkWaters●HannahLeonaOssmen■JohnZeraAlger●MaryMalindaHall■PaulAlger●MargeanWaters■CarlAloisNemelka●HeleneElizabethLucas■GeorgeJacobBoekweg●AnnieMarieBohn■CarlBoekweg●EstherJohannaNemelka■DennisWayneAlger●LindaJoanBoekweg■HyrumJacobAlger●ClarissaLilyAlger■GabrielJohnAlger●AriaLinAlger■NathanJosephAlger●MistyDawnJohnson■DavidPaulAlger";
var chars = gen;
chars = chars.split(genDefault[0]).join(genderDots[0]);
chars = chars.split(genDefault[1]).join(genderDots[1]);
chars = chars.slice(-1100);
function generateTree() { var t = ''; for (var i=0; i < tree.length; i++) { var c = tree[i]; var ch = chars[0]; var q = ' '; if (c !== '0') { if (useColor) { var s = colorList[c]; q = '<span style="color:'+s+';">' + ch + '</span>'; } else { q = ch; } chars = chars.slice(1); } else { q = '&nbsp;'; } if (i % 80 === 0) { q += '<br>'; } t += q; } t = t.slice(6); return t;
}
var fslogo = generateTree();
document.querySelector('#logo_out').innerHTML = fslogo;
console.log(fslogo);
/*
**
below is the script I ran in the console to manually scrub my list of names from --
https://familysearch.org/tree/pedigree/YOUR-PERSON-ID-HERE/portrait
var n = ''; var x = $('.person-wrapper'); $.each(x, function(i,p) { var h = p.innerHTML; var s = h.split('class="person ')[1].split(' ')[0]; var t = h.split('title="')[1].split('"')[0].split(' ').join('').split('.').join(''); var g = ["■","●"][(s === "male") ? 0 : 1]; if (t) n += g + t; }); console.log(n);
**
*/
ASCII Tree Logo - Script Codes
ASCII Tree Logo - Script Codes
Home Page Home
Developer Dave Alger
Username run-time
Uploaded August 11, 2022
Rating 4
Size 4,202 Kb
Views 40,480
Do you need developer help for ASCII Tree Logo?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Dave Alger (run-time) Script Codes
Name
Chat Room Demo
The Ultimate Canvas Compression
JavaScript water droplet effect
Easy to understand paginator
Rainbow Spider
A Pen by Dave Alger
Slow Motion Shatter
Download Speed Calculator
Catapult Game
Pink Slime
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!