Rendering Abraham Lincoln

1. CSS Art
Painted using a single <div> populated with exactly 10440 stacked box-shadow properties.
Using JavaScript to iterate through an array and execute ctx.fillRect() 10440 times on a 2D canvas context. (113866 characters of code).
Drawn using pure XML coordinate logic, mapping 10440 <rect> elements into the browser. (697719 characters of code).
====================================================================================================================================================================================
==============================================================================================================++++==========+=======================================================
=============================================================================================================+====++++==++==+=======================================================
==============================================================================================================++++==++++==++++======================================================
=================================================================================++++++=========================++++==+====+++======================================================
==============================================================================++****######****+++++++++++=========++========+++++++=================================================
============================================================++**********+++*****#########%%%%%%%##**+++++++++=====================++================================================
=========================================================+*#########****###################%%%%%%%%%##***+++++======================================================================
=======================================================+*##########################%%%%#%%%%%%%%%%%%%%%#**+++++=====================================================================
=====================================================+*#############*####%####%%####%%%%#######%%%%%%%%%%#*+++++====================================================================
===================================================+*#####################%%%%%%%%##%%%%%%%%%%%%%%%%%%%%%%#*++++====================================================================
================================================+**#####%%%###*********#####%%%%%%%%%###%%%%%%%%%%%%%%%%%%%#*+++====================================================================
==============================================**######%%%#####**********########%%%%%%%%%%%%%%%%%%%%%%%%%%%#**+=====================================================================
============================================+*###*###%%%###%#################%%%%####%%%%%%%%%%%%%%%%%%%%%%%#*********+++===========================================================
===========================================+######%%%#######****#########%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#########***+=======================================================
==========================================+*#%###%%%############%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#####%%%%%%%%%%%%%%%%%%######**+====================================================
=========================================+*##%##%%%%%%%######%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%###*****++**#%%%%%%%%%%%%%%%#######**+=================================================
=========================================+#%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%###*+++========+*#%%%%%%%%%%%%########**++===============================================
=========================================*#%%%%%%%%%%%%%%%%%%###****#####%%%%%%#%##########***+===========-=+*#%%%%%%#############**++==============================================
=======================================+*#%%%%%%%%%%%%%%%%#**++++++*****++**************++++==========--====-=+*#%%%######%%######***++====+========================================
=======================================+#%%%%%%%%%%%%%#*++=========++++====================------==============+*#########%%#####***++=====+++======================================
=======================================+#%%%%%%%%%##*+==-------------------------------------------============+*########%%%%###**++================================================
======================================+*%%%#######*+=---------------------:::::::::--------------===-===========+*##***##%%%%%#*+===================================================
=====================================+*%%%######*+=-::::::--------------::::::::::::--:----:-----===========++==+*****##%%%%%%#*====================================================
=====================================+#%#######*+=-:::::::----::--::::::::::::::::----------------========++++++=+***##%%%###%%#+===================================================
====================================+*#%#######*=:::::::::::::::::::::::::::::::::::----:--------=======++++++++++*#####%%######+==============+++==================================
====================================+*#%%#####*+--::-------:::::::::::::::::::----------------===========+++++*+==+*###########*+===================================================
===================================+*#####****++--:------:--::::::::::::::::::--------------==========++++++++++++**##########%#+===================================================
===================================+#%%#******++-------------::::::::::::-------------===========+++++===++++++++****#####%%##%#*+==================================================
===================================+#%##*******+----------------:------------======================+==+++++++++++++**#########%%#*+=================================================
===================================+#%##**##**++=------------------:::::---------======-==============+++++++++++++*##########%%%#+=================================================
===================================+*#####****++=----------------------------=======--=------==========++++++++++***######%%##%%%%#*================================================
====================================+*####****++==-----------------:::::::----==--------:::----------=====++*******###%%##%%%##%%%%#+===============================================
====================================++####**#**+====------:::-::::::::----------------:::---===----====++++********###%%%%%%%%%%%%%#+===============================================
====================================+*#####*###*+=====---:::--::::::::------==----------=====+++++++****###******#####%%%%%%%%%%%%##*+==============================================
===================================+*#########**+====-----=++++=++++++++===+++==-========++**#####%%%%%%%%%%##***#####%%%%%%%%%%%%%#%#+=============================================
==================================++*#########*++======+***#*#######%%######**++==++++++**###%%%%%%%%%%%%%%%%##########%%%%%%%#####%%%#+============================================
==============+========+==========+++*#####%%##*+===++**########%%%%%%%%%%%#**#*++=+***##%%%%%%%%%%%%%%%%%%%##%%###*###%%%%############*============================================
======================+=============+*#%%%%%%%#*+====+**#####%%%%%%%%%%%%%%%%##+=-=+*###%%%%%%%%%%#######%%%%%#####*###%%%############**============================================
=====================+++==========++#####%%%%%#*+=====*##%%%%%###%%%%%%%%%####*+===+**###%%%%%%%%%%%%%%%####%%######*##%%%############*+============================================
======================+++========++*##****#####*+====+*###%%##%%%%%%%%%%%%%%#**+--:--=+*#%%%%%%##*######%%%#########**#%%%##%%%######*+=============================================
=======================+++========+***++=+***##*+=-=+**########**###**######**++=-::-=+*####***++++++***###########***##%%%%%%%######*+=============================================
==========================++======++++===+++++**++==++***+===+===+++*****+++=====-:::-=**#**++++***********************##%%%%%######**==============================================
======================++===========+++====++**#*+====+++==--==+++****+++++======--:::-=+*******+++++++++++++***+*******##%%%%%%####**+==============================================
======+++=============++++==========+====++*###*+====-===============++++==-------:::-=+*#**********+++++++**+++++****###%%%%%%##*#**+=-============================================
==================++++================-===+**##*====-------==---===++++=--:---==--:::-=+******++++++**+++++++====+****##%%######****+==-============================================
==========================================+**#**+===---:--------======--::--------:::-=+****##*+++==+++++++=====++***##%%%########**+==-============================================
=====================++===================+**#***+===---------------==----====---:::---=+***#**++++++=++======++****##%%%%%##******+=--=============================================
===================++++++==================+*####*+=====--------====------======-::::--=+*####*++=+++======+++*****##%%%%%##******+==-==============================================
====================+++++===================+**###**======-----====-------==----::::--==+*#####*+======-==++****####%%%%%%##*****+==--==============================================
===================+++++++==++++=============+*#####*+++========---::::-++==::-----====+**#*++##**+=====+*****#####%%%%%%%##*****+=--===============================================
===================+++++====++============----+*##%%#**++++++===------++**=---=+++*****######**###*+++++***########%%%%%%######*==---===============================================
===================+++++++++++==++=========----=*##%%#******++====-==+**+==+*#########%%%%%%%#****##******########%%%%%######*+=----================================================
==================++++++++++++++=============---=*#%%##****+++====++*##+-:-=+*####%%%%%%%%%%%##*+**##****##########%%%#**+==--------================================================
==================+++++++++++++++++=========+===+*#######**+***++++*#*=-------===+*#####%%%####***+**###*#########%%%%##*+----------================================================
================+++++++++++++++===============++++++#####******+--++++----------==**++**####***********############%%%##*+==------==================================================
=================++++++==++++++++==================+*#####****++*##*=------------=+++==+****************###########%%%#*++++=---====================================================
====================+++++++++++++++================+*************+=----====--:::--==--=+++++*****#*****#############%%#**+++===-------==============================================
===============+++==+++++++++++++++++++===========+************+===++***++++**####*++*#%###################%########%##***++===-----=============================================---
================++==++++++++++++++++++===========+*####*******++==*#%#*==-========+********######%%%%##***#%%%#####%%##***+==------==========================================-------
======++=++++==+++++++++++++++++++++++===========+***###*******+=+##*+====--------:---==++++**#####*#****#%%%%%####%%##**++==----===================================================
======++===+++==+++++++++++++++++++++++==========++***###*******++**+===**################%%%%###*******##%%%#%%%%%%%%%#*+==----====================================================
======++++++++=++++++++++++++++++++++++============+**####**########*++++++**#%%%%%%%%%%%%%#############%%%%#%%%%%%%####*+=------==========================================-=====---
===+++++++++++=+++++++++++++++++++++++++===========++**#######*#########******+++++++++*******######%%%%%%%%%%%%%%%###**==---=----======================================------------
======+++++++===++++++++++++++++++++++++=============+**##########%%#####%%#*+===+++*****#####%%####%%###%%%%%%%%%%%##+==--------========================================-----------
====++++++++===+++++++++++++++++++++++++=============++*###################***++*****#########%%%%##%%%%%%%%%%%%%%%%#*+=---------=====================================--------------
+===+++++++++++=+++++++++++++++++++++++++=============++*##%%%%%%%%#####%%####***###########%%%%%%##%%%%%%%%%%%%%%###*=----------=======================================------------
==++++==+++++++++++++++++++++++++++++++++=++++=========+*#####%%##%%%%%%%%####**##########%%%%%%%%%%%%%%%%%%%%%%##****+=---------======================================-------------
+++++++++++++++++++++++++++++++++++++++++++++++========+**####%%%%#######################%%%%%%%%%%%%%%%%%%%%%%#####*++==--------=================================------------------
==++++++++++++++++++++++++++++++++++++++++++++==========++##%%#%%%###%%%#################%%%%%%%%%%%%%%%%%%%%%#***##*+=----------================================-------------------
=++++++++++=++++++++++++++++++++++++++++++++=============+*####%##%%%%%%%%%%%%##%%%%%%%%%%%%%%%%%%%%%%%%%%%%#*+=-=+*##=----------==============================---------------------
++++++++++==+++++++++++++++++++++++++++++++++++=============+*#%%###%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#*+====-==*%%*=-:-------=-----======================-----------------------
++++++++++===++++++++++++++++++++++++++++++++++=========+=---=#%%###%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#*=-------+#%%%#+-------------=======================-----------------------
++++++++++==++++++++++++++++++++++++++++++++===========+**-:=+#%####%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%##*+=------=#%%%%%#*=------------====================-------------------------
+++===++===========++++++++++++++++++++===============*#%*-:-+#%###%%%%%%%%%%%%%%%%%%%%%%%%%%%###**++++==----:::=*%@%%%%%%*+-----------==================---------------------------
====================++++++++++++++++++++============+*%%#+:..:=*#####%%%%%%%%%%%%%%%%%%%%%%#**+++===---::::::::-*%%%%%%%%%%#+=-------------=============----------------------------
================++====++++++++++++++===============+*%@%+-:..:.-+*####%%##%%%%%%%%%%%%%%#*++===--------:::::::-+%@%%%%%%%%%%%#+=-------------=======--=-----------------------------
======================++++++++++==================*#%%@#=::.::.::-+**###**##%%%%%%%%%#+=-:-----:::::::::::::.-*#%%%%%%%%%%%%%%%#+=-------------=========----------------------------
=================================================+#%%%%*-:::::::::::::---==++++**+=----=+*###%####*+==-::..:-+#@%%%%%%%%%%%%%%%%%%#**++=--------------------------------------------
===========================+++==================*#%%%%%*-..:::::...............:::---===+*##%%%%%%%%%%%%#*++*%%%%%%%%%%%%%%%%%%%%%%%%%%%#*+==---------------------------------------
==============================================+*#%%%%%#*-..:..::-====--:::::::::-=+++**##%%%%%%%%######%%%%%%%%%%%%%###%%%%%%%%%%%%%%%%%%%%%#*+=------------------------------------
===========================================++*##%%%%%%#+:..:-+#%%%%%%%%##########%%%%%%%%%%%%%###*########%%%%%%%%%%###%%%%%%%%%%%%%%%%%%%%%%%%%#+=---------------------------------
=======================================++**#####%%%%%%#+::-+%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%##******########%##**#%%%#############%%%%%%%%%%%%%%%%%%#*++=----------------------------
====================================++*########%%%%%%%##*#%%%%##%%###*######%%%%%%#######***###*******#***##%%#*+**#####################%%%%%%%%%%%%%%%%##*+=-----------------------
================================++**##########%%%%%%%##%%%%%%%#####*********************##**##*************#%%##*+**####################%%%%%%%%%%%%%%%%%%%%%#**+=------------------
=============================+**#%%%##########%%%%%%##%%%%%%%%#####*********###*********##**##**********#%%%%%#***##%%##################%%%%%%%%%%%%%%%%%%%%%%%%%%##*+=-------------
==========================+**#%%%%############%%%%%%##%#=--=*####*********#####*********####*###****##%%%##******#%%%%%##################%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#**+=--------
=======================+**#%%%%%#############%%%%%%%###+:....:=+********#%%%%###############**####%%%##********#%%%%%%%%##################%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#*+=----
==================++**##%%%%%%##############%%%%%%%%%#*=:..::-+*******##****####################%%#***********#%%%%%%%%###################%%%%%%##%%%%%%###############%%%%%%%%%#*+=
==============+**###%%%%%%%%################%%%%%%%###*=:..:=**#*****+++**##%%############%%%%%%##*******####%%%%%%#######################%%%#########################%%%%%%##%%%%%#
===========+**##%%%%%%%%###################%%%%%%%%###*=:.:-*#******+++*###%#######%%%%%%%%%%%%######*==*#%%%%%%%#########################%%%#################################%%##%%
=======++**##%%%%%%%%%%%%%###################%%%%%####*=::-+*#*********#######%%%%%%%%#####***++====-::-=*#%%%%##***######################%%%#######################################
+++++**####%%%%#%%%%%%%%%%####################%%%%####*=::+*###****#####%%%%%#######**=---:::::.....:..:-+#%%%##***#######################%%%#######################################
#####%%%########%%%%%%%%%####################%%%%%####*+::=+########%%%%%##***++==--::..::::::::::::::.:+#%%%#******######################%%%#######################################
%%####################%######################%%%%######+:..::-=+*#%%##*++++=--::::::::::::::::::::::.:-=#%%%##******######################%%%#######################################
######################%######################%%%%######+-.::::.::::::----:::::::::::::::::::::::::::.-+##%%#***###**######################%%%#######################################
############################################%%%%#######+-:::::::::::::::::::::::::::::::::::::::::.:-+#%##%#**#############################%########################################
############################################%%%%#######*-:::::::::::::::::::::::::::::::::::::::::.-*##%%###**#############################%##################################%#####
############################################%%%%#######*-:::::::::::::::::::::::::::::::::::::::.:-+#%##%##**##############################%########################################
%######################*################*###%%%########*=:::::::::::::::::::::::::::::::::::::::.-+####%%#***###############################%#############################%%%%%#####
%####################***################*##%%%%########*=-:.::::::::::::::::::::::::::::::::::.:-+#%###%##**###########*####################%%#############***##*########%%%%%######
%#####################%%%%#############**##%%%%#########+-:.:::::::::::::::::::::::::::::::::::-*#####%###**#############*****##############%%############****#******####%%%%#######
%###################%%%################**#%%%%%#########+=:.::::::::::::::::::::::::::::::::.:=+#%####%#**##############################*###%%############**********####%%%%%#######
#######################################*##%%%%##########*=:.:::::::::::::::::::::::::::::::::-*#######%#**######################%%%%#########%##############******##*####%%%%#######
######################################**##%%%%##########*+:.::::::::::::::::::::::::::::::.:=+##########**###########################%%%%%%%%%#############******########%%%########
######################################**##%%%%###########+-::::::::::::::::::::::::::::::::=*##########***##############################%%#################********######%%%########
#####################################***##%%%############*-:::::::::::::::::::::::::::::.:+*##########***###################################################******######%%%%########
#####################################**###%%%############*=:::::::::::::::::::::::::::::-=#%##########***###################################%%%%############*******######%%#########
#####################################**##%%%%############*=-:.::::::::::::::::::::::::.-+#############**####################################%%%%###########*******#######%%#########
####################################***##%%%%#############+=:.::::::::::::::::::::::.:-=*############***###################################%%%%%###########*******#######%%%########
####################################***##%%%##############*=:.:::::::::::::::::::::::-+#############***####################################%%%%############*******########%%######**
####################################***#%%%%###############+-.::::::::::::::::::::.:-+##############**####################################%%%%#############********####%##%%%####***
####################################**##%%%%###############*-::::::::::::::::::::::-*###############***###################################%%%##############*******#####%##%%%####**#
###############**##################***##%%%%###############*=:::::::::::::::::::.:=+###############***####################################%%#############*******#######%%%%%%%######
##############################********##%%%%########**##*###+-:.:::::::::::::::::-*###############****####################################%%################***########%%%%%%#######
*****######***############************##%%%#######*******###*=:.::::::::::::::.:-+*###############*****##################################################*******############%%######
The old-school method mapping image luminance to the density of text characters: @%#*+=-:. (20995 characters of code).
← BACK TO MATRIX