Wild Card Inspiration Data Visualization Pino Trogu 2022-03-31 | Graphic objects serving as inspiration for data visualizations where the format can be unusual. Examples of final student projects are also shown.
Cut-paste Breast Cancer Data from CDC + Edit text-editor & excel Pino Trogu 2022-01-29 | Shows how to cut and paste a table from the Data Visualization Tool in the Center for Deseases Control into a text-editor, plus various edits in Excel to combine two files into one. The Download Data button in the CDC website was not working properly as the CVS files were missing some data. gis.cdc.gov/Cancer/USCS/#/AtAGlance
Freehand Two-Point Perspective of Cubic Module LOW Horizon Line (AM) Pino Trogu 2021-12-13 | This video also shows the perspective construction of the sectioned cube in perspective but using only a mechanical pencil and a straight edge (freehand). This time though, the horizon line is drawn very low, below the top of the cube. the cube has been opened in the front, and the view inside looks like a big, open architectural space. Here too, tracing paper is used extensively to find the solution to the correct view. The specific cube design is the same as the one shown in the videos for the high horizon line perspective.
Freehand Two-Point Perspective of Cubic Module High Horizon Line (PM) Pino Trogu 2021-12-04 | This video shows the perspective construction of the sectioned cube in perspective but using only a mechanical pencil and a straight edge (freehand). Here too, tracing paper is used extensively to find the solution to the correct view. The specific cube design is the same as the one shown in videos Parts 1 and 2 (AM) where the drawing is constructed using tools.
Part 2: Two-Point Perspective of Cubic Module High Horizon Line (AM) Pino Trogu 2021-12-04 | This video (Part 2 of 2) shows the actual construction of the sectioned cube in perspective. See part 1 for set-up instructions and for drawing the wireframe shape of just the general cube "envelope" (no section yet).
Part 1: Two-Point Perspective of Cubic Module High Horizon Line (AM) Pino Trogu 2021-12-04 | This video (Part 1 of 2) shows the perspective construction of a sectioned cube using tools, with these steps: 1. Printing the two halves of the perspective handout to create a larger 11x17 sheet; 2. Constructing the wireframe shape of just the enclosing cube envelope; 3. Using tracing paper to find the solution to the correct view of the sectioned parts. See part 2 for the final construction of the sectioned cube in perspective.
Two-Point Perspective Part 2 (AM) Pino Trogu 2021-11-22 | Based on plan and elevation views, draw a two-point perspective view of a cubic shape. The video is part 2 of a 2-part demo. But you should watch the first part first -- Two-Point Perspective Part 1 (AM) here: youtube.com/watch?v=AZPfR3zzfrs -- which describes the setting up of the "scene" and includes a physical, three-dimensional model -- a kind of miniature stage set. Read the description for that video for more details.Download these files if you want to try the drawing yourself:Layout specifications for this demo (9x12 sheet but millimeter specs):res.trogu.com/drawing/pdf/2-point_perspective_option2_millimeters_9x12_layout.pdfLayout specifications for larger 11x17 sheet (inch specs):res.trogu.com/drawing/pdf/2-point_perspective_option_1_inches_11x17_layout.gifObject specifications for larger layout (in inches):res.trogu.com/drawing/pdf/2-point_perspective_option1_3-inch_object.pdfThis second part shows the steps to actually construct the drawing: first the general cubic shape, and then the step-up and horse-shoe-shape cutout parts. Frequent visual comparisons, between the lines drawn on the flat drawing and the lines drawn on the three-dimensional physical model, help in understanding the mechanics, and the exact step-by-step construction of a perspective drawing, which is a kind of "projective geometry" drawing. This second part of the demonstration is also an updated version of the video I uploaded on Nov. 15, 2012: Two-point perspective tutorial -- youtube.com/watch?v=bj9MBwo61nU. This new version is also in high definition and has better sound. Shortly I will also post the corresponding files and drawing handouts so that you could try doing it on your own. Many thanks to Kevin Husley for making the original tutorial, on which this demo is based, available on his website: http://www.khulsey.com/.Note: at 15:08 the step is to draw the Horizon Line, 5 cm above the Ground Line (showing through the tracing paper), but the position of the Ground Line is not given. Later, at 18:09, the ground line is also drawn on the tracing paper, but its position is again not given: it is 6.5 cm down from the Picture Plane line. For complete specifications, download the handout with all the measurements:res.trogu.com/drawing/pdf/2-point_perspective_option2_millimeters_9x12_layout.pdf
Two-Point Perspective Part 1 (AM) Pino Trogu 2021-11-21 | Based on plan and elevation views, draw a two-point perspective view of a cubic shape. The video is part 1 of a 2-part demo. Watch also the second part: Two-Point Perspective Part 2 (AM) youtube.com/watch?v=grO0UhYAaDc where the actual drawing includes the details of the step-up and horse-shoe-shape cutouts.This first part describes the setting up of the "scene" and includes a physical, three-dimensional model -- a kind of miniature stage set. The model includes a plexiglas "picture plane" onto which have been drawn projection and vanishing lines and the horizon line. The plexiglas is punctured at the corners of the object drawing, and threads connecting the "eye" of the viewer to the corners of the physical shape pass through the holes. The model demonstrates how the 2D-drawn perspective is a combination of lines drawn on the "ground plane" and lines drawn on the "picture plane". In the last part, the camera is placed exactly at the same vantage point as the observer in the model (the tip of the tube representing a person), showing that the view of the physical object behind the screen, and its drawn version on the screen coincide.Download these files if you want to try the drawing yourself:Layout specifications for this demo (9x12 sheet but millimeter specs):res.trogu.com/drawing/pdf/2-point_perspective_option2_millimeters_9x12_layout.pdfLayout specifications for larger 11x17 sheet (inch specs):res.trogu.com/drawing/pdf/2-point_perspective_option_1_inches_11x17_layout.gifObject specifications for larger layout (in inches):res.trogu.com/drawing/pdf/2-point_perspective_option1_3-inch_object.pdfThis demonstration is an updated version of the video recorded on April 25, 2011: Two-point perspective tutorial -- youtube.com/watch?v=bj9MBwo61nU. This new version is also in high definition and has better sound. Many thanks to Kevin Husley for making the original tutorial, on which this demo is based, available on his website: http://www.khulsey.com/.
Drawing, Drafting, and Sketching Class introduction Pino Trogu 2021-08-23 | Update 2021-08-22: the device described at 09:20 and further was used to draw perspective drawings. The video is an introduction to drawing, drafting, and sketching; to the uses of drawing; and the three types of projections: orthographic, axonometric, and perspective. Recorded on September 3, 2020. Class was DES220 Introduction to Drawing for Designers in Fall 2021. It was DES 320 Drafting and Sketching for Design in Spring 2022, School of Design, San Francisco State University.At 09:20 my explanation of the Dürer engraving showing the device to draw "exact" pictures should have clarified that the projection being discussed is a perspective projection: the string is pulled from different points on the object but always goes to the same nail on the wall – the vanishing point. For a more detailed, hands-on introduction, see also this other video: Drawing a milk carton and a plastic bottle: youtu.be/pQTrzoSbJCg?t=6And this one, which seems to be a favorite -- Isometric Basics:youtube.com/watch?v=cnjnQ0zIZ-w
Rough cube assembled with scotch tape Pino Trogu 2021-04-02 | Note: the incorrect extra triangle is discovered and fixed at 14:12.This video shows how to build the rough cube by cutting the parts from card stock paper and joining them together using scotch tape. It's only "rough" because we use scotch tape, however the parts still need to be drawn and cut exactly. To make the parts, we use the template (master cookie-cutter) drawn with the compass and the aid of the circular grid, by transferring the shape onto a new sheet using a push-pin to mark the corners of the pattern.
Cube section how to correctly position the internal pattern on the page Pino Trogu 2021-04-02 | ERRATA: starting at 4:13 and up to 07:25 I show how to combine two triangles in the pattern to form a single diamond shape (in this case a square); however, in the process I forgot to remove the triangle that I moved from one side to the other, so the final shape in the video shows one too many triangles (the one at top). This was discovered and fixed in the next video: "Rough cube assembled with scotch tape".This video shows how to position the internal pattern of the cube section in relation to the sectioned external face of the cube. The patterns must touch either an edge or a vertex of the face section at a location that, if the pattern were rotated, would assure that each successive join is correct and matching. The part of the cube's face that is shown is also properly oriented and vertical. Tracing paper is used to test the correct configuration.
Cube section (detailed) overview Spring 2021 Pino Trogu 2021-04-01 | Another detailed overview of the cube section project, showing how to construct the inside of the cube first without using the compass (some designs based on the new 2x2 grid),then using the circular grid; plus two special cases where additional triangles need to be built also on the vertical edges of the cube.
Milk Carton Unfolded Packaging Pino Trogu 2021-03-06 | Full scale drawing of unfolded milk carton packaging (TetraPak). Package is actually a Gold Fish package (250 ml) that uses the same food packaging technology. Drawn with T-square, triangles, mechanical lead holder with 2mm graphite lead (hardness: H). Use harder lead for best results (2H). H was used here for video purposes.
Cube section overview Spring 2021 Pino Trogu 2021-03-05 | A summary of the cube section project, with an update for designs that will utilize the 2x2 squares grid. It's still a 4x4 inch square face, but students will have the option of using a grid with only 4 squares instead of 16 squares.
1-8 Covid data Filter state county date Tableau Pino Trogu 2021-03-02 | A series of charts using US, state, and county datasets from the New York Times public data repository on the coronavirus outbreak:github.com/nytimes/covid-19-dataVideo shows how to filter out all states but California, all CA counties but San Francisco, and also filter by date to show only data from the last day in the datasets, in this case Feb. 22, 2021.
8 California covid heatmap R Pino Trogu 2021-02-27 | This was optional and an experiment. The example shown is in R. The code was adapted from the book "Visualize This" by Nathan Yau. The data shows daily deaths in California and in San Francisco County since March 2020. I was trying to replicate a heat map chart shown on the NYT's website:nytimes.com/interactive/2020/us/california-coronavirus-cases.htmlThe NYT's chart uses per capita data. In the graph, each day is a small rectangle colored with a shade equivalent to the corresponding value in each cell. In this case shades of orange. Several steps were needed to create this dataset, also cutting/pasting from a JSON file, and this time definitely doing the "subtraction" so that each cell contains exactly the number of cases or deaths for just that one day; not the cumulative total up that day.
7 California counties covid scatterplot Tableau Pino Trogu 2021-02-27 | Because there are more than 50 counties, the graph is rather dense and small. A state with fewer counties and maybe a bigger graph would be better. In Tableau, shows how to include all the labels, even if they overlap, since they cal always be edited later in Illustrator.
6b Illustrator California covid choropleth map edited Pino Trogu 2021-02-27 | Using the California choropleth map exported from Tableau, in Illustrator I created a clipping mask for the base gray map to isolate the state shape but retain the empty counties (deleting the base map completely would leave gaping holes in those areas. In Illustrator I also refined the color scale.
6a California covid choropleth map deaths per 100K Tableau Pino Trogu 2021-02-27 | For this dataset, I did a cut/paste from the NYT 's counties page for the state of California:nytimes.com/interactive/2020/us/california-coronavirus-cases.htmlThe Excel version of the file I created shows the different steps (workbooks) I had to make to combine the deaths and the cases into one file. I chose "cases" first and copy/pasted that data; then I repeated this for deaths. The main trick was to align the states exactly when doing the combining into the same workbook. I made the county lines white and a few other edits. I did more editing in Illustrator, especially creating a clipping mask for the base map (see next video).
5 US covid choropleth map cases per 100K Tableau Pino Trogu 2021-02-27 | For this dataset I simply did a cut and paste from NYT main web page:nytimes.com/interactive/2020/us/coronavirus-us-cases.htmlScroll down to the States table where the little colored strips to the right are (heat maps). Show all, then drag mouse to select all the rows and paste into Excel. It works surprisingly well, but you must clean it up and properly set the headers (videos shows this). The map was made in Tableau but relative area tends to skew the perception of the data (big states with fewer people get a lot of ink). Video shows also how to import and use a json file with similar data into Tableau.
4 SF County covid deaths bar chart with 7-day moving average line Tableau Pino Trogu 2021-02-27 | This death data is also from NYT's GitHub file -- us-counties.csvNote: at first in the video I show the cases chart instead, but later I find the mistake by doing a spot check against the same chart on the NYT covid page. Always check your graph against the actual data.
3 SF County covid cases bar chart with 7-day moving average line Tableau Pino Trogu 2021-02-27 | This data is also from NYT's GitHub file -- us-counties.csvBut... it includes about 350 days times about 3000 US counties, so the file is more that a million rows! I had to combine data from other files found online instead. See iLearn assignment for details.
2 California covid cases bar chart with 7-day moving average line Pino Trogu 2021-02-26 | The dataset -- us-states.csv -- if from NYT's GitHub repository:github.com/nytimes/covid-19-data.The NYT main coronavirus page is:nytimes.com/interactive/2020/us/coronavirus-us-cases.htmlThis video shows how to generate the bar chart (one bar for each day) and then overlap the thicker line on top of the bars. The line shows the "7-day moving average" so it's smoother and gives a better trend view of the pandemic. The bars are good to see each individual days but because these can vary by a lot, they are better than a line which would look very jagged.Note: the NYT file includes "cumulative" data, so each day shows the total since the pandemic started; it adds the current day number to the previous total. This means that the default bar/line will be always going up. Instead, we want to display the "daily" count (how many new cases in that particular day). In Tableau I show how to do this with a "calculation" using subtraction without changing the original file. We duplicate the bars, change them to line; and this time apply two calculations, the subtraction and the 7-day average (although for some reason in the reverse order). These steps are the same for number 2, 3, and 4.Note that the dataset included all days (about 350) times all the states, so that's almost 2000 rows, so if using current set, create a new files with the days (rows) just for the state you choose. Sort by state in Excel, the dates somehow will stay in order; keep the headers of course. In the video this graph is done only in Tableau.
1b Excel US covid cases bar chart with 7-day moving average line Pino Trogu 2021-02-26 | The dataset -- us.csv -- if from NYT's GitHub repository:github.com/nytimes/covid-19-dataThe NYT main coronavirus page is:nytimes.com/interactive/2020/us/coronavirus-us-cases.htmlThis video again shows how to generate the bar chart (one bar for each day) and then overlap the thicker line on top of the bars. Here we do it in Excel; the line is made by adding a "trend line" (the 7-day moving average).
1a Tableau US covid cases bar chart with 7-day moving average line Pino Trogu 2021-02-26 | The dataset -- us.csv -- if from NYT's GitHub repository:github.com/nytimes/covid-19-data.The NYT coronavirus page:nytimes.com/interactive/2020/us/coronavirus-us-cases.htmlThis video shows how to generate the bar chart (one bar for each day) and then overlap the thicker line on top of the bars. The line shows the "7-day moving average" so it's smoother and gives a better trend view of the pandemic. The bars are good to see each individual day but because these can vary by a lot, they are better than a line which would look very jagged.Note: the NYT file includes "cumulative" data, so each day shows the total since the pandemic started; it adds the current day number to the previous total. This means that the default bar/line will be always going up. Instead, we want to display the "daily" count (how many new cases in that particular day). In Tableau I show how to do this with a "calculation" without changing the original file. We duplicate the bars, change them to line; and this time apply two calculations, the subtraction and the 7-day average (although for some reason in the reverse order). These steps are the same for number 2, 3, and 4 videos.
Clothespin isometric with drafting tools Pino Trogu 2021-02-22 | Draw an isometric view of a wooden clothespin using drafting triangles and mechanical lead holder. Drawing is at 200% of original object size, which is 84 mm tall, 16 mm wide, and 10 mm deep.
Clothespin orthographic with drafting tools Pino Trogu 2021-02-22 | Draw orthographic views and cross section of a wooden clothespin using drafting triangles and mechanical lead holder. Drawing is at 150% of original object, which is 84 mm tall, 16 mm wide, and 10 mm deep.
Milk carton isometric with drafting triangles Pino Trogu 2021-02-19 | Draw a 250 ml milk carton in isometric view using drafting triangles. Two views drawn at actual size.
Milk carton orthographic & sections with drafting triangles Pino Trogu 2021-02-19 | Draw orthographic views and sections of a 250 ml milk carton (TetraPak packaging). Drawn at 1/2 scale with drafting triangles and mechanical lead holder.
Clean & format graphs (paper) Pino Trogu 2021-02-17 | A "paper" companion to the video showing how to clean up & format a line graph, a bar chart, and a scatterplot using Illustrator. The video describes and explains data visualizations by The New York Times, as they appeared in print during the year 2020. Also shows why one should not use tints or screens to make gray type, and why 100% black ink only (K) should be used for labels, especially when the font size is very small.
Clean up & format graphs (screen) Pino Trogu 2021-02-16 | Cleaning up and formatting a line graph, a bar chart, and a scatterplot using Illustrator. The original files were output from either R, Excel, or Tableau.
Draw ellipses & cylinders intersecting cubes Pino Trogu 2021-02-14 | Practice drawing ellipses. The short axis of the ellipse aligns with the long direction of the cylindrical object being drawn. Draw cylinders; and draw cylinders intersecting cubes. Shows also how to sharpen a pencil using an Olfa knife and how to draw an ellipse using 2 push-pins and a loop of string.
Draw cube with cuts Pino Trogu 2021-02-05 | Draw different views of a cube with some part cut out. The cut-out parts are found by using either diagonal or parallel lines to the face of the cube. Mention of the rhombus (diamond) that results inside the section along the diagonal of the square face. It's the square-root-of-two rhombus, a shape that is also found in the basal (inner) walls of a hive-bee honeycomb, which is a pyramid made from three such rhombuses. One cells meets three other cells so the cells are offset from one side relative to the other side.
Generate Graphs Pino Trogu 2021-02-03 | A review of two matrix-like plots made with R using two breast cancer datasets. Shows how to read and interpret the small scatterplots generated by the simplest line of code in R, namely: plot(fileName) which gives all the possible combinations of bivariate graphs from that datasets. That is, all the possible graphs after using one column for X and one for Y until all combinations are used up. The header names appear diagonally in the matrix arrangement and must be read down/up and across left/right to identify a particular graph.
Information Design: Data Visualization Introduction Pino Trogu 2021-01-25 | Information Design Data Visualization Introduction -- recorded Spring 2021
Drawing, Drafting, and Sketching Teachers Introduction Pino Trogu 2021-01-25 | Update 2022-01-21: modified a few notes below as the class is DES 320 starting in Spring 2022, not DES 220. Also, class modality started online moved to in-person in mid-February 2022.Update 2021-08-22: added timestamps below for a few corrections related to recent changes in the class structure and assignments.Note: if watching on computer, watch video at high resolution (HD up to 1440) as your connection will allow.8:10 The discussion about buying a different set of tools for more complex or simpler drawings does not apply anymore starting in Fall 2021. See link below for list of required tools (the compass is required.)11:27 There is no optional wooden letter drawing this semester, but you are welcome to watch video in the playlist and sketch the letters on your own.12:39 The compass is again required starting with the Fall 2021 semester.13:15 The clothespin technical drawings, orthographic and isometric, with tools, are actually optional starting in Fall 2021. These are different from the required clothespin/tape dispenser/lightbulb freehand drawing.15:02 The 2-point perspective tutorial (the horseshoe shape) is actually the same for everyone.15:27 The last color perspective drawing is required.16:49 Get 9x12 paper pads (sketching, drawing, and tracing paper) as soon as possible. Use letter size (8.5x11) in the meantime. Sketching paper provided in class starting in Spring 2022.20:10 In Fall 2021 the class was bichronous, meeting once a week on zoom. Starting in Spring 2022, the class is hybrid, meeting once a week in-person.The video is about my art school background and I show a catalog of projects from my high school. The video shows also some of my drawings and sketches and also drawings from a student's portfolio.You can also download a PDF with a visual reference for each tool, a description, and links to online sources for each item. http://static.trogu.com/documents/classes/320/tools/320_tools_supplies_trogu_SPRING_2022.pdfSee also the specific video demonstrating each tool and the use of supplies:youtube.com/watch?v=FgFqSxECFjM
Draw Cubes Pino Trogu 2021-01-25 | Update 2021-08-30: see time stamps below and descriptions of various steps. Sketch a series of cubes in parallel projection (oblique, axonometric, isometric, etc). Start with isometric, then change the angles. Whatever you do, if you see more than one side of the cube, one of those sides cannot be drawn as a perfect square on the paper. Mention of binocular, stereoscopic vision and other types of projections: orthographic and perspective.00:18 Shows a small milk carton (Gold Fish carton -- packaging). Get one for upcoming drawings. The carton is approximately a cube, about 3 inches on each side including the slanted roof part. The exact Gold Fish carton size is Net Weight 2 OZ (57 g)00:57 Quick introduction about the three types of projection: orthographic, axonometric, and perspective.03:23 Description of orthographic projection, showing the three planes of projection, first as a 3D model, then flattened to form a single sheet.05:00 Description of axonometric projections06:20 Description of perspective07:12 Start drawing cubes07:48 Draw title block at the beginning09:56 Writing in title block, I actually forgot to write the number; only wrote the "#" symbol. Make sure to write the drawing number. This time, drawing the border, title block, and entering the text took about 3 minutes (ends at 11:05) -- see title block assignment page for correct sequence of information in title block.11:03 Start practicing sketching the cube on a different sheet, not the one where you just drew the title block.15:40 Every drawing is an abstraction, even when the object being drawn is a concrete object, a naturalistic object, an everyday object, and the drawing looks natural and resembles reality.17:45 Try different angles besides isometric (30/30).19:00 Don't do extreme angles at first, so to avoid drawing any face as a perfect square (while showing other sides of the cube at the same time). That's an unrealistic and "incorrect" view.20:05 The above drawing would be "impossible". That is, possible to draw, but an impossible view in real life.23:15 The only way to see both sides, kind of straight, is to turn the cube keeping both top and bottom hidden. Shows also how one should close one eye to get a simplified view since we always otherwise see in 3D, and have two pictures of any object at the same time. Shows also bringing the front of the cube all the way up to one's nose, then seeing just one side with one eye and the opposite side with the other eye, with the middle square in beween; or, an impossible view normally. Instead of a 3D picture of a cube, we now see two distorted pictures of squares on the sides and one connecting, thin vertical rectangle in the middle. It looks like a very strange perspective.24:57 Explanation of binocular, stereoscopic vision (seeing with 2 eyes = seeing in 3D) by placing a finger (or a pencil) a few inches in front of one's nose and then closing one eye alternatively. The image of the pencil will appear to jump from left to right and vice-versa. But in fact, we always see both at the same time and our nervous system combines the two into a "normal" image. The images formed in each retina are also upside down.25:25 In the video I say that the image "moves" from left to right. In reality, both images are still with reference to each respective eye. What changes a lot in the two views is the relationship of the observed object (finger, pencil, etc) to objects in the background, which changes dramatically and makes the object in front appear to "jump" instead.26:10 Drawing and sketching cubes again.26:28 Don't use eraser.26:50 Keep one set of lines, the vertical, parallel to the edge of the sheet, so the cube looks like it's sitting normally on a flat, horizontal surface.35:05 Examples of fun cubes (Scarpa's chains).35:50 Bricard mechanism (Raoul Bricard)en.wikipedia.org/wiki/Raoul_Bricard
Draw Parallel Lines Pino Trogu 2021-01-25 | Update 2020-08-30: added a few timestamps. Click "Show more..." below. Draw a series of parallel lines of various lengths. Change the angle of the lines: vertical, horizontal, at 30 degrees, etc., but make sure to draw lines parallel within each group, not diverging. For the longer lines, work from your elbow and shoulder, without bending your wrist. Move the paper to find comfortable angles of working. For example, to draw a vertical line, you can turn the paper sideways and draw a horizontal line, moving your forearm from left to right, like a pendulum.00:15 Draw Parallel lines is the second assignment from Spring 2021 onward.05:00 to 10:10 Title block again, it takes five minutes, do it first.16:50 It's good to practice drawing lines at an angle of 30 degrees (isometric projections) as it will help with the drawing of cubes at an angle. This will help avoid views of the cube where one face looks exactly like a square.
Title Block & Border Pino Trogu 2021-01-25 | Update 2021-08-30 (revised 2022-01-21): added a few time stamps and notes (click "Show more..." below.Draw a 1/2" border around the drawing sheet and add a 3/4" title block at bottom for the drawing information to be entered: • Assignment number & title (shortened as needed) • Roster number & First and Last name • SFSU DES 320 Trogu • Drawing due date. Video shows how to draw the lines free-hand using the edge of a board as a guide (carpenter's method). Use tools, straight edge and/or drafting triangles if you already have them, otherwise use the free-hand method.02:43 The assignment drawing # and assignment title can go into the same first block, without a vertical line separating them (see course assignment page for current sequence).10:30 Mention of future exercise (video) which shows how to do lettering. This link goes to various lettering excercise materials: res.trogu.com/drafting/lettering/lettering.html12:04 The date on the drawing should be the due date.
Data visualization: Selected work from Fall 2009 to Spring 2020 Pino Trogu 2020-11-16 | A selection of work from DES 523 Information Design: Data Visualization, from Fall 2009 to Spring 2020. School of Design, College of Liberal and Creative Arts, San Francisco State University. Instructor: Pino Trogu. The work shown (in reverse chronological order) is mostly from the final project: large poster and some booklets; plus a few examples from the Wild Card project and the Small Poster project. Download the PDF shown in the video: bit.ly/36ARIHm
Distances to Center – The Cube Project Part 3 Pino Trogu 2020-10-18 | The Cube Project – Part 3: Distances to center of the cube; cross sections to determine distances from all grid points on the face of the cube (A, B, C, X, D, E) to the center of the cube (Z). Construction of the inside surface from scratch and beginning to use circular grid. DES 220 Introduction to Drawing for Designers, School of Design, San Francisco State University.
Outside Pattern – The Cube Project Part 2 Pino Trogu 2020-10-18 | Update Oct. 24, 2021 (for students): contrary to what the video says, you cannot use this particular design as your own design. Your face section design must be different. -- The Cube Project – Part 2: Outside pattern; face section at full scale: 4"x4". Fold-out pattern at 1/4 scale. DES 220 Introduction to Drawing for Designers, School of Design, San Francisco State University. Note: the title card incorrectly says "Sunday, Oct. 17, 2020". It should read "Saturday..."
Face Section – The Cube Project: Part 1 Pino Trogu 2020-10-18 | The Cube Project – Part 1: Overview and face section sketches. DES 220 Introduction to Drawing for Designers, School of Design, San Francisco State University. Note: the title card incorrectly says "Sunday, Oct. 17, 2020". It should read "Saturday..."
Giorgio Scarpa’s Transformable Objects: Geometry as Art, Science, and Play Pino Trogu 2020-10-13 | Giorgio Scarpa’s Transformable Objects: Geometry as Art, Science, and Play (Conference presentation & interactive section)ReMAR 2018 4Th IEEE/IFToMM International Conference on Reconfigurable Mechanisms & Robots Delft University of Technology (TU Delft) 20–22 June 2018Pino Trogu – San Francisco State University USAVisiting Scholar, TU Delft 2017-2018Fast Forward Session II – Lecture Room A, 15:30Interactive Session II – Lagerhuysch, 16:30 – 18:00Wednesday, 20 June 2018
Breast Cancer Choropleth Map Pino Trogu 2020-10-01 | Breast cancer disparity – Choropleth map – Black and white mortality rates (per 100K), by state for year 2017. Part of Project 2 Small Poster 17 x 22; DES 523 Information Design 1: Data Visualization; School of Design, San Francisco State University, Fall 2020.
Breast Cancer Scatterplot Pino Trogu 2020-09-27 | ERRATA: at 42:00 -- For "...the rate went up for white..." read (hear): "... the rate went up for Black ...". Breast Cancer Scatterplot (2 of 2). Scatterplot, Line Graph, and Connected Scatterplot. Breast cancer disparity between Black and white female population from 1975 to 2017. Scatterplot Black and white mortality rates (per 100K), by state for year 2017; line graph for breast cancer Black and white rates, all states for the years 1975 to 2017; connected scatterplot for Black and white rates, showing the years as data points. The years appear to move backward but that's because both rates for Black and White have been going lower, thus the line moves in the direction of the graph's origin, set at 10. DES 523 Information Design 1: Data Visualization; School of Design, San Francisco State University, Fall 2020.
Breast Cancer Data Pino Trogu 2020-09-27 | Breast Cancer Data (1 of 2). Disparity between Black and white female population from 1975 to 2017. Finding and downloading datasets form National Cancer Institute and Centers for Disease Control. DES 523 Information Design 1: Data Visualization; School of Design, San Francisco State University.
Construction of pentagon with compass and straight edge Pino Trogu 2020-09-25 | Drafting of pentagon using straight edge and compass (given the side). Note: I forgot to darken the outline of the completed pentagon at the end. Make sure to complete that step so that the figure stands out from the construction lines, which you should leave anyway. Other tools: mechanical lead holder, drafting triangles. Supplies: Bristol drafting paper 270 g/sqm, drafting tape or dots, sand paper or lead sharpener. See also other video for triangle, square, and hexagon: youtube.com/watch?v=jxvIbognVxI
Construction of triangle, square, and hexagon using straight edge and compass. Pino Trogu 2020-09-25 | Drafting of triangle, square, and hexagon using straight edge and compass. Other tools: mechanical lead holder, drafting triangles. Supplies: Bristol drafting paper 270 g/sqm, drafting tape or dots, sand paper or lead sharpener.
Michele Provinciali: Imprinting of a Master Pino Trogu 2020-09-17 | This video was presented at the conference "Michele Provinciali: Il mondo pensato per oggetti" (A world imagined through artifacts) Pesaro, Italy, on 15 September 2012.The 6-minute film tries to capture the influence of Provinciali's teachings on my own work and teaching. In the film, look for Provinciali's initials (MP) and mine (PT) at the bottom of the screen to identify the work of the master and that of the disciple.During the projection a text in Italian prepared by Pino Trogu (in absentia) was read aloud to the audience. You can get the text at the links below:Italian:bit.ly/326xbsEorEnglish:bit.ly/34Swu8dMany thanks to: Marcella Cannalire, Antonio Cirenza, Marcello Franca, Antonio Grasselli, Deborah Sussman, Viola Tonucci***A note on the music: Chopin - Nocturne in C Minor, Op. 48, No. 1. Francesco Trogu, Piano. Recorded on November 30, 2012, San Francisco Conservatory of Music. The video with this soundtrack was uploaded on Sept. 17, 2020. The original video uploaded on Sept. 15, 2012 contained copyrighted music (The Köln Concert by Keith Jarrett) and has since been deleted.
