Output visual diagram of pictureWrite a code golf problem in which Java winsGolf a Venn Diagram generatorBooks on a ShelfDetermine the Dimensions of a Rotated RectangleDraw a Houndstooth PatternDraw and label an ASCII hexagonal gridGolf me an ASCII AlphabetOutput a pretty boxASCII-Art Venn DiagramTatamibari solver

What are the rules for concealing thieves' tools (or items in general)?

is this saw blade faulty?

Pre-Employment Background Check With Consent For Future Checks

PTIJ: Which Dr. Seuss books should one obtain?

What is the reasoning behind standardization (dividing by standard deviation)?

Is this Pascal's Matrix?

Animating wave motion in water

Writing in a Christian voice

How old is Nick Fury?

Determine voltage drop over 10G resistors with cheap multimeter

Was World War I a war of liberals against authoritarians?

10 year ban after applying for a UK student visa

Why is indicated airspeed rather than ground speed used during the takeoff roll?

Have the tides ever turned twice on any open problem?

Nested Dynamic SOQL Query

How do you justify more code being written by following clean code practices?

Isn't the word "experience" wrongly used in this context?

Symbolism of 18 Journeyers

Print last inputted byte

DisplayForm problem with pi in FractionBox

Is xar preinstalled on macOS?

Do people actually use the word "kaputt" in conversation?

Error in master's thesis, I do not know what to do

How to test the sharpness of a knife?



Output visual diagram of picture


Write a code golf problem in which Java winsGolf a Venn Diagram generatorBooks on a ShelfDetermine the Dimensions of a Rotated RectangleDraw a Houndstooth PatternDraw and label an ASCII hexagonal gridGolf me an ASCII AlphabetOutput a pretty boxASCII-Art Venn DiagramTatamibari solver













5












$begingroup$


Write a program that inputs the dimensions of a painting, the matting width, and the frame width for a framed portrait. The program should output a diagram using the symbol ‘X ’ for the painting, ‘+’ for the matting, and ‘# ’ for the framing. The symbols must be space-separated.



INPUT: 3 2 1 2
(Width, Height, Matte Width, Frame Width)



OUTPUT:



First 3 and 2 are painting width and height. 1 is the matte width around it. 2 is the frame width around the whole thing.



In text form:



# # # # # # # # #
# # # # # # # # #
# # + + + + + # #
# # + X X X + # #
# # + X X X + # #
# # + + + + + # #
# # # # # # # # #
# # # # # # # # #


The winning code completes the following conditions in the least possible bytes.










share|improve this question









New contributor




George Harris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.







$endgroup$











  • $begingroup$
    Nice challenge! For future challenges you may want to use The Sandbox
    $endgroup$
    – MilkyWay90
    2 hours ago










  • $begingroup$
    Also, will the frame height be given?
    $endgroup$
    – MilkyWay90
    2 hours ago










  • $begingroup$
    MilkyWay90, the frame is a constant width around the portrait so only one value is needed.
    $endgroup$
    – George Harris
    2 hours ago










  • $begingroup$
    Thanks! Is the constant width always 2 (or is it the height of the frame)?
    $endgroup$
    – MilkyWay90
    2 hours ago











  • $begingroup$
    Well, the program should be able to handle any case, no? Typically it should be assumed any of the numbers are subject to change. Just given the four inputs, you must produce the visual output. :)
    $endgroup$
    – George Harris
    2 hours ago















5












$begingroup$


Write a program that inputs the dimensions of a painting, the matting width, and the frame width for a framed portrait. The program should output a diagram using the symbol ‘X ’ for the painting, ‘+’ for the matting, and ‘# ’ for the framing. The symbols must be space-separated.



INPUT: 3 2 1 2
(Width, Height, Matte Width, Frame Width)



OUTPUT:



First 3 and 2 are painting width and height. 1 is the matte width around it. 2 is the frame width around the whole thing.



In text form:



# # # # # # # # #
# # # # # # # # #
# # + + + + + # #
# # + X X X + # #
# # + X X X + # #
# # + + + + + # #
# # # # # # # # #
# # # # # # # # #


The winning code completes the following conditions in the least possible bytes.










share|improve this question









New contributor




George Harris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.







$endgroup$











  • $begingroup$
    Nice challenge! For future challenges you may want to use The Sandbox
    $endgroup$
    – MilkyWay90
    2 hours ago










  • $begingroup$
    Also, will the frame height be given?
    $endgroup$
    – MilkyWay90
    2 hours ago










  • $begingroup$
    MilkyWay90, the frame is a constant width around the portrait so only one value is needed.
    $endgroup$
    – George Harris
    2 hours ago










  • $begingroup$
    Thanks! Is the constant width always 2 (or is it the height of the frame)?
    $endgroup$
    – MilkyWay90
    2 hours ago











  • $begingroup$
    Well, the program should be able to handle any case, no? Typically it should be assumed any of the numbers are subject to change. Just given the four inputs, you must produce the visual output. :)
    $endgroup$
    – George Harris
    2 hours ago













5












5








5





$begingroup$


Write a program that inputs the dimensions of a painting, the matting width, and the frame width for a framed portrait. The program should output a diagram using the symbol ‘X ’ for the painting, ‘+’ for the matting, and ‘# ’ for the framing. The symbols must be space-separated.



INPUT: 3 2 1 2
(Width, Height, Matte Width, Frame Width)



OUTPUT:



First 3 and 2 are painting width and height. 1 is the matte width around it. 2 is the frame width around the whole thing.



In text form:



# # # # # # # # #
# # # # # # # # #
# # + + + + + # #
# # + X X X + # #
# # + X X X + # #
# # + + + + + # #
# # # # # # # # #
# # # # # # # # #


The winning code completes the following conditions in the least possible bytes.










share|improve this question









New contributor




George Harris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.







$endgroup$




Write a program that inputs the dimensions of a painting, the matting width, and the frame width for a framed portrait. The program should output a diagram using the symbol ‘X ’ for the painting, ‘+’ for the matting, and ‘# ’ for the framing. The symbols must be space-separated.



INPUT: 3 2 1 2
(Width, Height, Matte Width, Frame Width)



OUTPUT:



First 3 and 2 are painting width and height. 1 is the matte width around it. 2 is the frame width around the whole thing.



In text form:



# # # # # # # # #
# # # # # # # # #
# # + + + + + # #
# # + X X X + # #
# # + X X X + # #
# # + + + + + # #
# # # # # # # # #
# # # # # # # # #


The winning code completes the following conditions in the least possible bytes.







code-golf






share|improve this question









New contributor




George Harris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











share|improve this question









New contributor




George Harris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









share|improve this question




share|improve this question








edited 2 hours ago









Stephen

7,49223397




7,49223397






New contributor




George Harris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









asked 2 hours ago









George HarrisGeorge Harris

261




261




New contributor




George Harris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





New contributor





George Harris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.






George Harris is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











  • $begingroup$
    Nice challenge! For future challenges you may want to use The Sandbox
    $endgroup$
    – MilkyWay90
    2 hours ago










  • $begingroup$
    Also, will the frame height be given?
    $endgroup$
    – MilkyWay90
    2 hours ago










  • $begingroup$
    MilkyWay90, the frame is a constant width around the portrait so only one value is needed.
    $endgroup$
    – George Harris
    2 hours ago










  • $begingroup$
    Thanks! Is the constant width always 2 (or is it the height of the frame)?
    $endgroup$
    – MilkyWay90
    2 hours ago











  • $begingroup$
    Well, the program should be able to handle any case, no? Typically it should be assumed any of the numbers are subject to change. Just given the four inputs, you must produce the visual output. :)
    $endgroup$
    – George Harris
    2 hours ago
















  • $begingroup$
    Nice challenge! For future challenges you may want to use The Sandbox
    $endgroup$
    – MilkyWay90
    2 hours ago










  • $begingroup$
    Also, will the frame height be given?
    $endgroup$
    – MilkyWay90
    2 hours ago










  • $begingroup$
    MilkyWay90, the frame is a constant width around the portrait so only one value is needed.
    $endgroup$
    – George Harris
    2 hours ago










  • $begingroup$
    Thanks! Is the constant width always 2 (or is it the height of the frame)?
    $endgroup$
    – MilkyWay90
    2 hours ago











  • $begingroup$
    Well, the program should be able to handle any case, no? Typically it should be assumed any of the numbers are subject to change. Just given the four inputs, you must produce the visual output. :)
    $endgroup$
    – George Harris
    2 hours ago















$begingroup$
Nice challenge! For future challenges you may want to use The Sandbox
$endgroup$
– MilkyWay90
2 hours ago




$begingroup$
Nice challenge! For future challenges you may want to use The Sandbox
$endgroup$
– MilkyWay90
2 hours ago












$begingroup$
Also, will the frame height be given?
$endgroup$
– MilkyWay90
2 hours ago




$begingroup$
Also, will the frame height be given?
$endgroup$
– MilkyWay90
2 hours ago












$begingroup$
MilkyWay90, the frame is a constant width around the portrait so only one value is needed.
$endgroup$
– George Harris
2 hours ago




$begingroup$
MilkyWay90, the frame is a constant width around the portrait so only one value is needed.
$endgroup$
– George Harris
2 hours ago












$begingroup$
Thanks! Is the constant width always 2 (or is it the height of the frame)?
$endgroup$
– MilkyWay90
2 hours ago





$begingroup$
Thanks! Is the constant width always 2 (or is it the height of the frame)?
$endgroup$
– MilkyWay90
2 hours ago













$begingroup$
Well, the program should be able to handle any case, no? Typically it should be assumed any of the numbers are subject to change. Just given the four inputs, you must produce the visual output. :)
$endgroup$
– George Harris
2 hours ago




$begingroup$
Well, the program should be able to handle any case, no? Typically it should be assumed any of the numbers are subject to change. Just given the four inputs, you must produce the visual output. :)
$endgroup$
– George Harris
2 hours ago










5 Answers
5






active

oldest

votes


















1












$begingroup$

JavaScript (ES6),  118  113 bytes





(w,h,M,F)=>(g=(c,n)=>'01210'.replace(/./g,i=>c(+i).repeat([F,M,n][i])))(y=>g(x=>'###+X#++'[y+x*5&7]+' ',w)+`
`,h)


Try it online!



Commented



(w, h, M, F) => ( // given the 4 input variables
g = ( // g = helper function taking:
c, // c = callback function returning a string to repeat
n // n = number of times the string must be repeated
) => //
'01210' // string describing the picture structure, with:
.replace( // 0 = frame, 1 = matte, 2 = painting
/./g, // for each character in the above string:
i => // i = identifier of the current area
c(+i) // invoke the callback function
.repeat // and repeat it ...
([F, M, n][i]) // ... either F, M or n times
) // end of replace()
)( // outer call to g:
y => // callback function taking y:
g( // inner call to g:
x => // callback function taking x:
'###+X#++' // figure out which character to use
[y + x * 5 & 7] // by using a small hash function
+ ' ', // append a space
w // repeat w times
) // end of inner call
+ 'n', // append a line feed
h // repeat h times
) // end of outer call





share|improve this answer











$endgroup$




















    0












    $begingroup$


    Charcoal, 48 bytes



    NθNηNζNεUO⁺θ⊗⁺ζε⁺η⊗⁺ζε#Mε↘UO⁺θ⊗ζ⁺η⊗ζ+Mζ↘UOθηXUE¹


    Try it online! Link is to verbose version of code. Explanation:



    NθNηNζNε


    Input the four values.



    UO⁺θ⊗⁺ζε⁺η⊗⁺ζε#


    Draw the framing.



    Mε↘UO⁺θ⊗ζ⁺η⊗ζ+


    Move to and draw the matting.



    Mζ↘UOθηX


    Move to and draw the painting.



    UE¹


    Double-space the output horizontally.



    Alternative solution, also 48 bytes:



    NθNηNζNεUO⁺θ⁺ζε⁺η⁺ζε#UO⁺θζ⁺ηζ+UOθηX‖OO←θ‖OO↑ηUE¹


    Try it online! Link is to verbose version of code. Explanation:



    NθNηNζNε


    Input the four values.



    UO⁺θ⁺ζε⁺η⁺ζε#


    Draw the framing, but not to the left or above the painting.



    UO⁺θζ⁺ηζ+


    Draw the matting, but not to the left or above the painting.



    UOθηX


    Draw the painting.



    ‖OO←θ‖OO↑ηUE¹


    Reflect and double-space the output horizontally.






    share|improve this answer









    $endgroup$




















      0












      $begingroup$


      Python 3.8 (pre-release), 116 115 bytes





      lambda a,b,c,d,e='#',f='+':"n".join((g:=[e*(a+2*c+2*d)]*d+[(h:=e*d)+f*(a+c*2)+h]*c)+[h+f*c+'X'*a+f*c+h]*b+g[::-1])


      Try it online!



      First attempt at golfing, will be improved soon.
      a is width, b is height, c is matte width, and d is frame width.



      -1 bytes using the := operator to define h as e * d



      EXPLANATION:



      lambda a,b,c,d,e='#',f='+': Define a lambda which takes in arguments a, b, c, and d (The width of the painting, the height of the painting, the padding of the matte, and the padding of the frame width, respectively). It also defines variables e and f as '#' and '+', respectively.
      "n".join( Turn the list into a string, where each element is separated by newlines
      (g:= Define g as (while still evaling the lists)...
      [e*(a+2*c+2*d)]*d+ Form the top rows (the ones filled with hashtags)
      [(h:=e*d)+f*(a+c*2)+h]*c Form the middle-top rows (uses := to golf this section)
      )+
      [h+f*c+'X'*a+f*c+h]*b+ Form the middle row
      g[::-1] Uses g to golf the code (forms the entire middle-bottom-to-bottom)
      )





      share|improve this answer











      $endgroup$




















        0












        $begingroup$

        Javascript, 158 bytes



        (w,h,m,f)=>(q="repeat",(z=("#"[q](w+2*(m+f)))+`
        `)[q](f))+(x=((e="#"[q](f))+(r="+"[q](m))+(t="+"[q](w))+r+e+`
        `)[q](m))+(e+r+"X"[q](w)+r+e+`
        `)[q](h)+x+z)


        Can probably be trimmed down a little bit






        f=

        (w,h,m,f)=>(q="repeat",(z=("# "[q](w+2*(m+f))+`
        `)[q](f))+(x=((e="# "[q](f))+(r="+ "[q](m))+(t="+ "[q](w))+r+e+`
        `)[q](m))+(e+r+"X "[q](w)+r+e+`
        `)[q](h)+x+z)

        console.log(f(3,2,1,2))








        share|improve this answer









        $endgroup$




















          0












          $begingroup$


          Wolfram Language (Mathematica), 152 bytes



          (t=(p=Table)["# ",(x=2#4+2#3)+#2,x+#];p[t[[i,j]]="+ ",j,z=#4+1,#4+2#3+#,i,z,x-#4+#2];p[t[[i,j]]="X ",j,#3+z,#3+#4+#,i,#3+z,#3+#4+#2];""<>#&/@t)&


          Try it online!






          share|improve this answer











          $endgroup$












            Your Answer





            StackExchange.ifUsing("editor", function ()
            return StackExchange.using("mathjaxEditing", function ()
            StackExchange.MarkdownEditor.creationCallbacks.add(function (editor, postfix)
            StackExchange.mathjaxEditing.prepareWmdForMathJax(editor, postfix, [["\$", "\$"]]);
            );
            );
            , "mathjax-editing");

            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "200"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: false,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: null,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );






            George Harris is a new contributor. Be nice, and check out our Code of Conduct.









            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodegolf.stackexchange.com%2fquestions%2f181763%2foutput-visual-diagram-of-picture%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            5 Answers
            5






            active

            oldest

            votes








            5 Answers
            5






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            1












            $begingroup$

            JavaScript (ES6),  118  113 bytes





            (w,h,M,F)=>(g=(c,n)=>'01210'.replace(/./g,i=>c(+i).repeat([F,M,n][i])))(y=>g(x=>'###+X#++'[y+x*5&7]+' ',w)+`
            `,h)


            Try it online!



            Commented



            (w, h, M, F) => ( // given the 4 input variables
            g = ( // g = helper function taking:
            c, // c = callback function returning a string to repeat
            n // n = number of times the string must be repeated
            ) => //
            '01210' // string describing the picture structure, with:
            .replace( // 0 = frame, 1 = matte, 2 = painting
            /./g, // for each character in the above string:
            i => // i = identifier of the current area
            c(+i) // invoke the callback function
            .repeat // and repeat it ...
            ([F, M, n][i]) // ... either F, M or n times
            ) // end of replace()
            )( // outer call to g:
            y => // callback function taking y:
            g( // inner call to g:
            x => // callback function taking x:
            '###+X#++' // figure out which character to use
            [y + x * 5 & 7] // by using a small hash function
            + ' ', // append a space
            w // repeat w times
            ) // end of inner call
            + 'n', // append a line feed
            h // repeat h times
            ) // end of outer call





            share|improve this answer











            $endgroup$

















              1












              $begingroup$

              JavaScript (ES6),  118  113 bytes





              (w,h,M,F)=>(g=(c,n)=>'01210'.replace(/./g,i=>c(+i).repeat([F,M,n][i])))(y=>g(x=>'###+X#++'[y+x*5&7]+' ',w)+`
              `,h)


              Try it online!



              Commented



              (w, h, M, F) => ( // given the 4 input variables
              g = ( // g = helper function taking:
              c, // c = callback function returning a string to repeat
              n // n = number of times the string must be repeated
              ) => //
              '01210' // string describing the picture structure, with:
              .replace( // 0 = frame, 1 = matte, 2 = painting
              /./g, // for each character in the above string:
              i => // i = identifier of the current area
              c(+i) // invoke the callback function
              .repeat // and repeat it ...
              ([F, M, n][i]) // ... either F, M or n times
              ) // end of replace()
              )( // outer call to g:
              y => // callback function taking y:
              g( // inner call to g:
              x => // callback function taking x:
              '###+X#++' // figure out which character to use
              [y + x * 5 & 7] // by using a small hash function
              + ' ', // append a space
              w // repeat w times
              ) // end of inner call
              + 'n', // append a line feed
              h // repeat h times
              ) // end of outer call





              share|improve this answer











              $endgroup$















                1












                1








                1





                $begingroup$

                JavaScript (ES6),  118  113 bytes





                (w,h,M,F)=>(g=(c,n)=>'01210'.replace(/./g,i=>c(+i).repeat([F,M,n][i])))(y=>g(x=>'###+X#++'[y+x*5&7]+' ',w)+`
                `,h)


                Try it online!



                Commented



                (w, h, M, F) => ( // given the 4 input variables
                g = ( // g = helper function taking:
                c, // c = callback function returning a string to repeat
                n // n = number of times the string must be repeated
                ) => //
                '01210' // string describing the picture structure, with:
                .replace( // 0 = frame, 1 = matte, 2 = painting
                /./g, // for each character in the above string:
                i => // i = identifier of the current area
                c(+i) // invoke the callback function
                .repeat // and repeat it ...
                ([F, M, n][i]) // ... either F, M or n times
                ) // end of replace()
                )( // outer call to g:
                y => // callback function taking y:
                g( // inner call to g:
                x => // callback function taking x:
                '###+X#++' // figure out which character to use
                [y + x * 5 & 7] // by using a small hash function
                + ' ', // append a space
                w // repeat w times
                ) // end of inner call
                + 'n', // append a line feed
                h // repeat h times
                ) // end of outer call





                share|improve this answer











                $endgroup$



                JavaScript (ES6),  118  113 bytes





                (w,h,M,F)=>(g=(c,n)=>'01210'.replace(/./g,i=>c(+i).repeat([F,M,n][i])))(y=>g(x=>'###+X#++'[y+x*5&7]+' ',w)+`
                `,h)


                Try it online!



                Commented



                (w, h, M, F) => ( // given the 4 input variables
                g = ( // g = helper function taking:
                c, // c = callback function returning a string to repeat
                n // n = number of times the string must be repeated
                ) => //
                '01210' // string describing the picture structure, with:
                .replace( // 0 = frame, 1 = matte, 2 = painting
                /./g, // for each character in the above string:
                i => // i = identifier of the current area
                c(+i) // invoke the callback function
                .repeat // and repeat it ...
                ([F, M, n][i]) // ... either F, M or n times
                ) // end of replace()
                )( // outer call to g:
                y => // callback function taking y:
                g( // inner call to g:
                x => // callback function taking x:
                '###+X#++' // figure out which character to use
                [y + x * 5 & 7] // by using a small hash function
                + ' ', // append a space
                w // repeat w times
                ) // end of inner call
                + 'n', // append a line feed
                h // repeat h times
                ) // end of outer call






                share|improve this answer














                share|improve this answer



                share|improve this answer








                edited 2 mins ago

























                answered 49 mins ago









                ArnauldArnauld

                79k795328




                79k795328





















                    0












                    $begingroup$


                    Charcoal, 48 bytes



                    NθNηNζNεUO⁺θ⊗⁺ζε⁺η⊗⁺ζε#Mε↘UO⁺θ⊗ζ⁺η⊗ζ+Mζ↘UOθηXUE¹


                    Try it online! Link is to verbose version of code. Explanation:



                    NθNηNζNε


                    Input the four values.



                    UO⁺θ⊗⁺ζε⁺η⊗⁺ζε#


                    Draw the framing.



                    Mε↘UO⁺θ⊗ζ⁺η⊗ζ+


                    Move to and draw the matting.



                    Mζ↘UOθηX


                    Move to and draw the painting.



                    UE¹


                    Double-space the output horizontally.



                    Alternative solution, also 48 bytes:



                    NθNηNζNεUO⁺θ⁺ζε⁺η⁺ζε#UO⁺θζ⁺ηζ+UOθηX‖OO←θ‖OO↑ηUE¹


                    Try it online! Link is to verbose version of code. Explanation:



                    NθNηNζNε


                    Input the four values.



                    UO⁺θ⁺ζε⁺η⁺ζε#


                    Draw the framing, but not to the left or above the painting.



                    UO⁺θζ⁺ηζ+


                    Draw the matting, but not to the left or above the painting.



                    UOθηX


                    Draw the painting.



                    ‖OO←θ‖OO↑ηUE¹


                    Reflect and double-space the output horizontally.






                    share|improve this answer









                    $endgroup$

















                      0












                      $begingroup$


                      Charcoal, 48 bytes



                      NθNηNζNεUO⁺θ⊗⁺ζε⁺η⊗⁺ζε#Mε↘UO⁺θ⊗ζ⁺η⊗ζ+Mζ↘UOθηXUE¹


                      Try it online! Link is to verbose version of code. Explanation:



                      NθNηNζNε


                      Input the four values.



                      UO⁺θ⊗⁺ζε⁺η⊗⁺ζε#


                      Draw the framing.



                      Mε↘UO⁺θ⊗ζ⁺η⊗ζ+


                      Move to and draw the matting.



                      Mζ↘UOθηX


                      Move to and draw the painting.



                      UE¹


                      Double-space the output horizontally.



                      Alternative solution, also 48 bytes:



                      NθNηNζNεUO⁺θ⁺ζε⁺η⁺ζε#UO⁺θζ⁺ηζ+UOθηX‖OO←θ‖OO↑ηUE¹


                      Try it online! Link is to verbose version of code. Explanation:



                      NθNηNζNε


                      Input the four values.



                      UO⁺θ⁺ζε⁺η⁺ζε#


                      Draw the framing, but not to the left or above the painting.



                      UO⁺θζ⁺ηζ+


                      Draw the matting, but not to the left or above the painting.



                      UOθηX


                      Draw the painting.



                      ‖OO←θ‖OO↑ηUE¹


                      Reflect and double-space the output horizontally.






                      share|improve this answer









                      $endgroup$















                        0












                        0








                        0





                        $begingroup$


                        Charcoal, 48 bytes



                        NθNηNζNεUO⁺θ⊗⁺ζε⁺η⊗⁺ζε#Mε↘UO⁺θ⊗ζ⁺η⊗ζ+Mζ↘UOθηXUE¹


                        Try it online! Link is to verbose version of code. Explanation:



                        NθNηNζNε


                        Input the four values.



                        UO⁺θ⊗⁺ζε⁺η⊗⁺ζε#


                        Draw the framing.



                        Mε↘UO⁺θ⊗ζ⁺η⊗ζ+


                        Move to and draw the matting.



                        Mζ↘UOθηX


                        Move to and draw the painting.



                        UE¹


                        Double-space the output horizontally.



                        Alternative solution, also 48 bytes:



                        NθNηNζNεUO⁺θ⁺ζε⁺η⁺ζε#UO⁺θζ⁺ηζ+UOθηX‖OO←θ‖OO↑ηUE¹


                        Try it online! Link is to verbose version of code. Explanation:



                        NθNηNζNε


                        Input the four values.



                        UO⁺θ⁺ζε⁺η⁺ζε#


                        Draw the framing, but not to the left or above the painting.



                        UO⁺θζ⁺ηζ+


                        Draw the matting, but not to the left or above the painting.



                        UOθηX


                        Draw the painting.



                        ‖OO←θ‖OO↑ηUE¹


                        Reflect and double-space the output horizontally.






                        share|improve this answer









                        $endgroup$




                        Charcoal, 48 bytes



                        NθNηNζNεUO⁺θ⊗⁺ζε⁺η⊗⁺ζε#Mε↘UO⁺θ⊗ζ⁺η⊗ζ+Mζ↘UOθηXUE¹


                        Try it online! Link is to verbose version of code. Explanation:



                        NθNηNζNε


                        Input the four values.



                        UO⁺θ⊗⁺ζε⁺η⊗⁺ζε#


                        Draw the framing.



                        Mε↘UO⁺θ⊗ζ⁺η⊗ζ+


                        Move to and draw the matting.



                        Mζ↘UOθηX


                        Move to and draw the painting.



                        UE¹


                        Double-space the output horizontally.



                        Alternative solution, also 48 bytes:



                        NθNηNζNεUO⁺θ⁺ζε⁺η⁺ζε#UO⁺θζ⁺ηζ+UOθηX‖OO←θ‖OO↑ηUE¹


                        Try it online! Link is to verbose version of code. Explanation:



                        NθNηNζNε


                        Input the four values.



                        UO⁺θ⁺ζε⁺η⁺ζε#


                        Draw the framing, but not to the left or above the painting.



                        UO⁺θζ⁺ηζ+


                        Draw the matting, but not to the left or above the painting.



                        UOθηX


                        Draw the painting.



                        ‖OO←θ‖OO↑ηUE¹


                        Reflect and double-space the output horizontally.







                        share|improve this answer












                        share|improve this answer



                        share|improve this answer










                        answered 2 hours ago









                        NeilNeil

                        81.7k745178




                        81.7k745178





















                            0












                            $begingroup$


                            Python 3.8 (pre-release), 116 115 bytes





                            lambda a,b,c,d,e='#',f='+':"n".join((g:=[e*(a+2*c+2*d)]*d+[(h:=e*d)+f*(a+c*2)+h]*c)+[h+f*c+'X'*a+f*c+h]*b+g[::-1])


                            Try it online!



                            First attempt at golfing, will be improved soon.
                            a is width, b is height, c is matte width, and d is frame width.



                            -1 bytes using the := operator to define h as e * d



                            EXPLANATION:



                            lambda a,b,c,d,e='#',f='+': Define a lambda which takes in arguments a, b, c, and d (The width of the painting, the height of the painting, the padding of the matte, and the padding of the frame width, respectively). It also defines variables e and f as '#' and '+', respectively.
                            "n".join( Turn the list into a string, where each element is separated by newlines
                            (g:= Define g as (while still evaling the lists)...
                            [e*(a+2*c+2*d)]*d+ Form the top rows (the ones filled with hashtags)
                            [(h:=e*d)+f*(a+c*2)+h]*c Form the middle-top rows (uses := to golf this section)
                            )+
                            [h+f*c+'X'*a+f*c+h]*b+ Form the middle row
                            g[::-1] Uses g to golf the code (forms the entire middle-bottom-to-bottom)
                            )





                            share|improve this answer











                            $endgroup$

















                              0












                              $begingroup$


                              Python 3.8 (pre-release), 116 115 bytes





                              lambda a,b,c,d,e='#',f='+':"n".join((g:=[e*(a+2*c+2*d)]*d+[(h:=e*d)+f*(a+c*2)+h]*c)+[h+f*c+'X'*a+f*c+h]*b+g[::-1])


                              Try it online!



                              First attempt at golfing, will be improved soon.
                              a is width, b is height, c is matte width, and d is frame width.



                              -1 bytes using the := operator to define h as e * d



                              EXPLANATION:



                              lambda a,b,c,d,e='#',f='+': Define a lambda which takes in arguments a, b, c, and d (The width of the painting, the height of the painting, the padding of the matte, and the padding of the frame width, respectively). It also defines variables e and f as '#' and '+', respectively.
                              "n".join( Turn the list into a string, where each element is separated by newlines
                              (g:= Define g as (while still evaling the lists)...
                              [e*(a+2*c+2*d)]*d+ Form the top rows (the ones filled with hashtags)
                              [(h:=e*d)+f*(a+c*2)+h]*c Form the middle-top rows (uses := to golf this section)
                              )+
                              [h+f*c+'X'*a+f*c+h]*b+ Form the middle row
                              g[::-1] Uses g to golf the code (forms the entire middle-bottom-to-bottom)
                              )





                              share|improve this answer











                              $endgroup$















                                0












                                0








                                0





                                $begingroup$


                                Python 3.8 (pre-release), 116 115 bytes





                                lambda a,b,c,d,e='#',f='+':"n".join((g:=[e*(a+2*c+2*d)]*d+[(h:=e*d)+f*(a+c*2)+h]*c)+[h+f*c+'X'*a+f*c+h]*b+g[::-1])


                                Try it online!



                                First attempt at golfing, will be improved soon.
                                a is width, b is height, c is matte width, and d is frame width.



                                -1 bytes using the := operator to define h as e * d



                                EXPLANATION:



                                lambda a,b,c,d,e='#',f='+': Define a lambda which takes in arguments a, b, c, and d (The width of the painting, the height of the painting, the padding of the matte, and the padding of the frame width, respectively). It also defines variables e and f as '#' and '+', respectively.
                                "n".join( Turn the list into a string, where each element is separated by newlines
                                (g:= Define g as (while still evaling the lists)...
                                [e*(a+2*c+2*d)]*d+ Form the top rows (the ones filled with hashtags)
                                [(h:=e*d)+f*(a+c*2)+h]*c Form the middle-top rows (uses := to golf this section)
                                )+
                                [h+f*c+'X'*a+f*c+h]*b+ Form the middle row
                                g[::-1] Uses g to golf the code (forms the entire middle-bottom-to-bottom)
                                )





                                share|improve this answer











                                $endgroup$




                                Python 3.8 (pre-release), 116 115 bytes





                                lambda a,b,c,d,e='#',f='+':"n".join((g:=[e*(a+2*c+2*d)]*d+[(h:=e*d)+f*(a+c*2)+h]*c)+[h+f*c+'X'*a+f*c+h]*b+g[::-1])


                                Try it online!



                                First attempt at golfing, will be improved soon.
                                a is width, b is height, c is matte width, and d is frame width.



                                -1 bytes using the := operator to define h as e * d



                                EXPLANATION:



                                lambda a,b,c,d,e='#',f='+': Define a lambda which takes in arguments a, b, c, and d (The width of the painting, the height of the painting, the padding of the matte, and the padding of the frame width, respectively). It also defines variables e and f as '#' and '+', respectively.
                                "n".join( Turn the list into a string, where each element is separated by newlines
                                (g:= Define g as (while still evaling the lists)...
                                [e*(a+2*c+2*d)]*d+ Form the top rows (the ones filled with hashtags)
                                [(h:=e*d)+f*(a+c*2)+h]*c Form the middle-top rows (uses := to golf this section)
                                )+
                                [h+f*c+'X'*a+f*c+h]*b+ Form the middle row
                                g[::-1] Uses g to golf the code (forms the entire middle-bottom-to-bottom)
                                )






                                share|improve this answer














                                share|improve this answer



                                share|improve this answer








                                edited 1 hour ago

























                                answered 2 hours ago









                                MilkyWay90MilkyWay90

                                523212




                                523212





















                                    0












                                    $begingroup$

                                    Javascript, 158 bytes



                                    (w,h,m,f)=>(q="repeat",(z=("#"[q](w+2*(m+f)))+`
                                    `)[q](f))+(x=((e="#"[q](f))+(r="+"[q](m))+(t="+"[q](w))+r+e+`
                                    `)[q](m))+(e+r+"X"[q](w)+r+e+`
                                    `)[q](h)+x+z)


                                    Can probably be trimmed down a little bit






                                    f=

                                    (w,h,m,f)=>(q="repeat",(z=("# "[q](w+2*(m+f))+`
                                    `)[q](f))+(x=((e="# "[q](f))+(r="+ "[q](m))+(t="+ "[q](w))+r+e+`
                                    `)[q](m))+(e+r+"X "[q](w)+r+e+`
                                    `)[q](h)+x+z)

                                    console.log(f(3,2,1,2))








                                    share|improve this answer









                                    $endgroup$

















                                      0












                                      $begingroup$

                                      Javascript, 158 bytes



                                      (w,h,m,f)=>(q="repeat",(z=("#"[q](w+2*(m+f)))+`
                                      `)[q](f))+(x=((e="#"[q](f))+(r="+"[q](m))+(t="+"[q](w))+r+e+`
                                      `)[q](m))+(e+r+"X"[q](w)+r+e+`
                                      `)[q](h)+x+z)


                                      Can probably be trimmed down a little bit






                                      f=

                                      (w,h,m,f)=>(q="repeat",(z=("# "[q](w+2*(m+f))+`
                                      `)[q](f))+(x=((e="# "[q](f))+(r="+ "[q](m))+(t="+ "[q](w))+r+e+`
                                      `)[q](m))+(e+r+"X "[q](w)+r+e+`
                                      `)[q](h)+x+z)

                                      console.log(f(3,2,1,2))








                                      share|improve this answer









                                      $endgroup$















                                        0












                                        0








                                        0





                                        $begingroup$

                                        Javascript, 158 bytes



                                        (w,h,m,f)=>(q="repeat",(z=("#"[q](w+2*(m+f)))+`
                                        `)[q](f))+(x=((e="#"[q](f))+(r="+"[q](m))+(t="+"[q](w))+r+e+`
                                        `)[q](m))+(e+r+"X"[q](w)+r+e+`
                                        `)[q](h)+x+z)


                                        Can probably be trimmed down a little bit






                                        f=

                                        (w,h,m,f)=>(q="repeat",(z=("# "[q](w+2*(m+f))+`
                                        `)[q](f))+(x=((e="# "[q](f))+(r="+ "[q](m))+(t="+ "[q](w))+r+e+`
                                        `)[q](m))+(e+r+"X "[q](w)+r+e+`
                                        `)[q](h)+x+z)

                                        console.log(f(3,2,1,2))








                                        share|improve this answer









                                        $endgroup$



                                        Javascript, 158 bytes



                                        (w,h,m,f)=>(q="repeat",(z=("#"[q](w+2*(m+f)))+`
                                        `)[q](f))+(x=((e="#"[q](f))+(r="+"[q](m))+(t="+"[q](w))+r+e+`
                                        `)[q](m))+(e+r+"X"[q](w)+r+e+`
                                        `)[q](h)+x+z)


                                        Can probably be trimmed down a little bit






                                        f=

                                        (w,h,m,f)=>(q="repeat",(z=("# "[q](w+2*(m+f))+`
                                        `)[q](f))+(x=((e="# "[q](f))+(r="+ "[q](m))+(t="+ "[q](w))+r+e+`
                                        `)[q](m))+(e+r+"X "[q](w)+r+e+`
                                        `)[q](h)+x+z)

                                        console.log(f(3,2,1,2))








                                        f=

                                        (w,h,m,f)=>(q="repeat",(z=("# "[q](w+2*(m+f))+`
                                        `)[q](f))+(x=((e="# "[q](f))+(r="+ "[q](m))+(t="+ "[q](w))+r+e+`
                                        `)[q](m))+(e+r+"X "[q](w)+r+e+`
                                        `)[q](h)+x+z)

                                        console.log(f(3,2,1,2))





                                        f=

                                        (w,h,m,f)=>(q="repeat",(z=("# "[q](w+2*(m+f))+`
                                        `)[q](f))+(x=((e="# "[q](f))+(r="+ "[q](m))+(t="+ "[q](w))+r+e+`
                                        `)[q](m))+(e+r+"X "[q](w)+r+e+`
                                        `)[q](h)+x+z)

                                        console.log(f(3,2,1,2))






                                        share|improve this answer












                                        share|improve this answer



                                        share|improve this answer










                                        answered 1 hour ago









                                        zeveezevee

                                        57029




                                        57029





















                                            0












                                            $begingroup$


                                            Wolfram Language (Mathematica), 152 bytes



                                            (t=(p=Table)["# ",(x=2#4+2#3)+#2,x+#];p[t[[i,j]]="+ ",j,z=#4+1,#4+2#3+#,i,z,x-#4+#2];p[t[[i,j]]="X ",j,#3+z,#3+#4+#,i,#3+z,#3+#4+#2];""<>#&/@t)&


                                            Try it online!






                                            share|improve this answer











                                            $endgroup$

















                                              0












                                              $begingroup$


                                              Wolfram Language (Mathematica), 152 bytes



                                              (t=(p=Table)["# ",(x=2#4+2#3)+#2,x+#];p[t[[i,j]]="+ ",j,z=#4+1,#4+2#3+#,i,z,x-#4+#2];p[t[[i,j]]="X ",j,#3+z,#3+#4+#,i,#3+z,#3+#4+#2];""<>#&/@t)&


                                              Try it online!






                                              share|improve this answer











                                              $endgroup$















                                                0












                                                0








                                                0





                                                $begingroup$


                                                Wolfram Language (Mathematica), 152 bytes



                                                (t=(p=Table)["# ",(x=2#4+2#3)+#2,x+#];p[t[[i,j]]="+ ",j,z=#4+1,#4+2#3+#,i,z,x-#4+#2];p[t[[i,j]]="X ",j,#3+z,#3+#4+#,i,#3+z,#3+#4+#2];""<>#&/@t)&


                                                Try it online!






                                                share|improve this answer











                                                $endgroup$




                                                Wolfram Language (Mathematica), 152 bytes



                                                (t=(p=Table)["# ",(x=2#4+2#3)+#2,x+#];p[t[[i,j]]="+ ",j,z=#4+1,#4+2#3+#,i,z,x-#4+#2];p[t[[i,j]]="X ",j,#3+z,#3+#4+#,i,#3+z,#3+#4+#2];""<>#&/@t)&


                                                Try it online!







                                                share|improve this answer














                                                share|improve this answer



                                                share|improve this answer








                                                edited 29 mins ago

























                                                answered 1 hour ago









                                                J42161217J42161217

                                                13.3k21251




                                                13.3k21251




















                                                    George Harris is a new contributor. Be nice, and check out our Code of Conduct.









                                                    draft saved

                                                    draft discarded


















                                                    George Harris is a new contributor. Be nice, and check out our Code of Conduct.












                                                    George Harris is a new contributor. Be nice, and check out our Code of Conduct.











                                                    George Harris is a new contributor. Be nice, and check out our Code of Conduct.














                                                    If this is an answer to a challenge…



                                                    • …Be sure to follow the challenge specification. However, please refrain from exploiting obvious loopholes. Answers abusing any of the standard loopholes are considered invalid. If you think a specification is unclear or underspecified, comment on the question instead.


                                                    • …Try to optimize your score. For instance, answers to code-golf challenges should attempt to be as short as possible. You can always include a readable version of the code in addition to the competitive one.
                                                      Explanations of your answer make it more interesting to read and are very much encouraged.


                                                    • …Include a short header which indicates the language(s) of your code and its score, as defined by the challenge.


                                                    More generally…



                                                    • …Please make sure to answer the question and provide sufficient detail.


                                                    • …Avoid asking for help, clarification or responding to other answers (use comments instead).




                                                    draft saved


                                                    draft discarded














                                                    StackExchange.ready(
                                                    function ()
                                                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodegolf.stackexchange.com%2fquestions%2f181763%2foutput-visual-diagram-of-picture%23new-answer', 'question_page');

                                                    );

                                                    Post as a guest















                                                    Required, but never shown





















































                                                    Required, but never shown














                                                    Required, but never shown












                                                    Required, but never shown







                                                    Required, but never shown

































                                                    Required, but never shown














                                                    Required, but never shown












                                                    Required, but never shown







                                                    Required, but never shown







                                                    Popular posts from this blog

                                                    How should I use the fbox command correctly to avoid producing a Bad Box message?How to put a long piece of text in a box?How to specify height and width of fboxIs there an arrayrulecolor-like command to change the rule color of fbox?What is the command to highlight bad boxes in pdf?Why does fbox sometimes place the box *over* the graphic image?how to put the text in the boxHow to create command for a box where text inside the box can automatically adjust?how can I make an fbox like command with certain color, shape and width of border?how to use fbox in align modeFbox increase the spacing between the box and it content (inner margin)how to change the box height of an equationWhat is the use of the hbox in a newcommand command?

                                                    Doxepinum Nexus interni Notae | Tabula navigationis3158DB01142WHOa682390"Structural Analysis of the Histamine H1 Receptor""Transdermal and Topical Drug Administration in the Treatment of Pain""Antidepressants as antipruritic agents: A review"

                                                    inputenc: Unicode character … not set up for use with LaTeX The Next CEO of Stack OverflowEntering Unicode characters in LaTeXHow to solve the `Package inputenc Error: Unicode char not set up for use with LaTeX` problem?solve “Unicode char is not set up for use with LaTeX” without special handling of every new interesting UTF-8 characterPackage inputenc Error: Unicode character ² (U+B2)(inputenc) not set up for use with LaTeX. acroI2C[I²C]package inputenc error unicode char (u + 190) not set up for use with latexPackage inputenc Error: Unicode char u8:′ not set up for use with LaTeX. 3′inputenc Error: Unicode char u8: not set up for use with LaTeX with G-BriefPackage Inputenc Error: Unicode char u8: not set up for use with LaTeXPackage inputenc Error: Unicode char ́ (U+301)(inputenc) not set up for use with LaTeX. includePackage inputenc Error: Unicode char ̂ (U+302)(inputenc) not set up for use with LaTeX. … $widehatleft (OA,AA' right )$Package inputenc Error: Unicode char â„¡ (U+2121)(inputenc) not set up for use with LaTeX. printbibliography[heading=bibintoc]Package inputenc Error: Unicode char − (U+2212)(inputenc) not set up for use with LaTeXPackage inputenc Error: Unicode character α (U+3B1) not set up for use with LaTeXPackage inputenc Error: Unicode characterError: ! Package inputenc Error: Unicode char ⊘ (U+2298)(inputenc) not set up for use with LaTeX