- Видео 499
- Просмотров 128 150
Thomas Blum
Добавлен 26 окт 2020
Using SVG to draw a Parametrized Egg Shape
In this video we look at some JavaScript to add elements to an empty SVG (Scalable Vector Graphics) element on a HTML page to draw an egg shape. The egg shape is constructed from four circular arcs (bottom, top and two sides). Unlike the "Moss Egg" and the "Pentagon Egg", in this version some of the geometric features are parametrized so that a variety of egg shapes can be generated.
Просмотров: 5
Видео
Using a JavaScript Generator Function to step through a Compass Construction of a Pentagon
Просмотров 99 часов назад
In this video we look an HTML with an empty SVG element that is populated by JavaScript. The figure generated shows a ruler-compass construction of a pentagon. Most of the JavaScript code was placed in a "generator function" with many instances of the keyword "yield". The code establishes a generator object and uses an on-click method call the next() method of the generator object. This allows ...
Playing with Wolfram-Cloud/Mathematica (Series and Sums)
Просмотров 2212 часов назад
In this video we use the non-intuitive and controversial Numberphile video about summing 1 2 3 ... and getting -1/12 as an excuse to play with Wolfram-Alpha/Mathematica Sum and Series capabilities. We start with the sort of function that was used in the Numberphile video as a weighting function or regulator (basically a damped oscillator). The sum over the weighting functions is essentially jus...
Using HTML, SVG, and JavaScript to create a "Moss Egg" drawing
Просмотров 1314 часов назад
In this video we use JavaScript to add elements to an initially empty SVG element on an HTML page. We develop a shape known as a "Moss Egg" (p. 5 Mathographics by Robert Dixon, Dover Publications). It is a compass construction consisting of four arcs from two large circles forming the sides, a medium-sized circle forming the bottom, and a smaller-sized circle forming the top. After showing the ...
Using Wolfram Cloud to look at the Birthday Problem on Mars
Просмотров 1816 часов назад
In this video we use Wolfram Cloud to look at the classic "Birthday Problem" often considered in introductory probability courses for a given class size what is the probability that two classmates share a birthday. The probability as a function of class size has an "S Shape". The probability starts off small, builds up, but then saturates. We see that the classic logistic function does not fit ...
Using HTML, SVG, and JavaScript to make a Hex Sign
Просмотров 421 час назад
In this video we look at a program that uses JavaScript to add XML elements to an SVG (scalable vector graphics) element on an HTML page. The code starts with a circle element. Then it adds arc paths and lines to create the rosette hex sign pattern interspersed with some hearts. The heart shape was explained in a previous video. Here we place the hearts in a g (container) element and then that ...
Using HTML, SVG, and JavaScript to Draw a Heart Shape consisting or Four Arcs
Просмотров 621 час назад
In this video we use JavaScript to populate an initially empty SVG (Scalable Vector Graphics) element on an HTML page. The code adds a path consisting of four arcs pieced together to form a heart shape.
Using HTML, SVG and JavaScript to make a Yin-Yang symbol and Saving it as a stand-alone SVG file
Просмотров 1321 час назад
In this video we use HTML, SVG (Scalable Vector Graphics) and JavaScript to create a Yin-Yang symbol. It included three circles the overall, outer circle and the two smaller circles within. The other element was a path that consisted of three arc one with the radius of the large circle and two with radii half that size. These elements were all added to an empty SVG element using JavaScript. Nex...
Using HTML, SVG and JavaScript to make a Drawing of a Pear
Просмотров 6День назад
In this video we look at JavaScript code to create a drawing of a pear and place it in an SVG element on an HTML page. We follow the tutorial of Sandrine Maugy to draw a pair. We start with an axis which we make using a quadratic Bezier curve. Next we add two circles the "head" and "body" of the pear placed at the top and bottom of the axis. With these guides we are ready to piece together the ...
Using HTML, SVG and JavaScript to create a design inspired by Victor Vasarely's Symphony in Blue
Просмотров 2414 дней назад
In this video we start with an HTML page with an empty SVG (scalable vector graphics) element which is then populated by JavaScript. The design generated is based on the work Symphony in Blue by Victor Vasarely. The code creates a dynamic radial gradient and then adds a background rect (rectangle) element to the SVG. The code then adds four g (container) elements. In each container the code pla...
Using HTML, SVG and JavaScript to create a design inspired by Victor Vasarely's CTA 105
Просмотров 2414 дней назад
In this video we start with an HTML page with an empty SVG (scalable vector graphics) element which is then populated by JavaScript. The design generated is based on the work CTA 105 by Victor Vasarely. The code adds a two dimensional array of polygons which happen to be squares of various amounts of rotation. The amount of rotation varies with row and column and time such that at times the cen...
Using HTML, SVG, and JavaScript to create a design inspired by Victor Vasarely's Pavo
Просмотров 5914 дней назад
In this video we start with an HTML page with an empty SVG (scalable vector graphics) element which is then populated by JavaScript. The design generated is based on the work Pavo by Victor Vasarely. The code adds a sequence of rect (rectangle) elements which form a set of concentric squares. The rect's transform property has both a rotation and a translation. The amount of rotation varies as o...
Using HTML, SVG, and JavaScript to create a design inspired by Victor Vasarely's Gamma
Просмотров 814 дней назад
In this video we start with an HTML page with an empty SVG (scalable vector graphics) element which is then populated by JavaScript. The design generated is based on the work Gamma by Victor Vasarely. The code adds a sequence of concentric circle elements. The width of the circle's stroke attribute varies to give rise to a square shape within the circles. The innermost circles are thick; the ou...
Using HTML, SVG, and JavaScript to code a design inspired by Victor Vasarely's Beta
Просмотров 1521 день назад
In this video we start with an HTML page with an empty SVG (scalable vector graphics) element which is then populated by JavaScript. The design generated is based on the work Beta by Victor Vasarely. The code adds a sequence of rect (rectangle) elements which form a set of concentric squares. The width of the rect's stroke varies. Adding some thick lines give rise to a circular shape. The JavaS...
Using HTML, SVG and JavaScript to create a design inspired by Victor Vasarely's Vonal works
Просмотров 8921 день назад
In this video we look an an HTML page with an empty SVG (scalable vector graphics) that is populated by JavaScript to generate a design that is based on Victor Vasarely's Vonal series. Using a HSL Hue-Saturation-Lightness color model, a set of rectangles (rect elements) are created and added. The hue varied in time and the lightness varied from rectangle to rectangle. The sizes and positions of...
Using HTML, SVG, and JavaScript to approximate a Juneteenth Flag
Просмотров 521 день назад
Using HTML, SVG, and JavaScript to approximate a Juneteenth Flag
Using HTML, SVG, and JavaScript to create a design inspired by Victor Vasarely's CTA 102
Просмотров 1328 дней назад
Using HTML, SVG, and JavaScript to create a design inspired by Victor Vasarely's CTA 102
Using HTML, SVG, and JavaScript to create a dynamic design inspired by Victor Vasarely's Capella
Просмотров 2328 дней назад
Using HTML, SVG, and JavaScript to create a dynamic design inspired by Victor Vasarely's Capella
Using SVG and JavaScript to create a design inspired by Victor Vasarely's Boglar
Просмотров 11Месяц назад
Using SVG and JavaScript to create a design inspired by Victor Vasarely's Boglar
Using HTML, SVG and JavaScript to create a design inspired by Victor Vasarely's Procion
Просмотров 5Месяц назад
Using HTML, SVG and JavaScript to create a design inspired by Victor Vasarely's Procion
Using JavaScript and SVG to create a design inspired by Victor Vasarely's Vega
Просмотров 9Месяц назад
Using JavaScript and SVG to create a design inspired by Victor Vasarely's Vega
Applying CSS's rotate3d transform to Holbein's Ambassadors to view its anamorphic perspective
Просмотров 6Месяц назад
Applying CSS's rotate3d transform to Holbein's Ambassadors to view its anamorphic perspective
JavaScript and SVG: Making a design like Jasper Johns' 0 to 9
Просмотров 34Месяц назад
JavaScript and SVG: Making a design like Jasper Johns' 0 to 9
Using CSS Variables to created a design based on Victor Vasarely's TUZ
Просмотров 16Месяц назад
Using CSS Variables to created a design based on Victor Vasarely's TUZ
Microsoft Excel: Obtaining p Values for Linear Regression parameters without Data Analysis Add-in
Просмотров 10Месяц назад
Microsoft Excel: Obtaining p Values for Linear Regression parameters without Data Analysis Add-in
Using Microsoft Excel's LINEST and INDEX functions to Extract Fitting Parameters
Просмотров 25Месяц назад
Using Microsoft Excel's LINEST and INDEX functions to Extract Fitting Parameters
Wolfram-Cloud/Mathematica: Building up Intuition for Student-T distribution and Confidence Intervals
Просмотров 13Месяц назад
Wolfram-Cloud/Mathematica: Building up Intuition for Student-T distribution and Confidence Intervals
Wolfram/Mathematica Study of Stand. Dev. Scaling with Sample Number, Z scores, Confidence Intervals
Просмотров 21Месяц назад
Wolfram/Mathematica Study of Stand. Dev. Scaling with Sample Number, Z scores, Confidence Intervals
Wolfram Mathematica: Chi-Square Distribution and Chi-Square Test (die simulations)
Просмотров 31Месяц назад
Wolfram Mathematica: Chi-Square Distribution and Chi-Square Test (die simulations)
Using Mathematica/Wolfram-Cloud to simulate the rolling of a Die to compare to Chi-Square Distr.
Просмотров 11Месяц назад
Using Mathematica/Wolfram-Cloud to simulate the rolling of a Die to compare to Chi-Square Distr.
www1.lasalle.edu/~blum/c152wks/SVG_New_Egg_4.html
www1.lasalle.edu/~blum/c152wks/SVG_New_Egg_3.html
nice video sir
www1.lasalle.edu/~blum/c152wks/SVG_Pentagon_Compass_Construction_2.html
www1.lasalle.edu/~blum/c152wks/Numberphile.pdf
I have another video ruclips.net/video/scduToYJdac/видео.html that uses Excel's Solver to find the fitting Logistic parameters.
www1.lasalle.edu/~blum/c343wks/SVG_Moss_Egg_2.html
www1.lasalle.edu/~blum/c343wks/SVG_Moss_Egg.html
Hello, I would like to ask. In terms of project, that I would like to forecast either the project will finish in time, is it possible to assume L = 100%? So the carrying capacity will be the target of project completion. Thank you
I have another video ruclips.net/video/scduToYJdac/видео.html that uses Excel's Solver to find the fitting Logistic parameters. That might be more useful. I think you could definitely put in an explicit value for any of the parameters -- say L=100 if your data is percentages that you expect to fully saturate. In the strictest sense the Logistic only approaches the L value at infinite x. So I would not look for where such a Logistic reaches 100% -- maybe go for 95% or 98%. ???
www1.lasalle.edu/~blum/c152wks/Wolfram_Birthday_Mars.pdf
www1.lasalle.edu/~blum/c343wks/SVG_Hex_Sign.html
www1.lasalle.edu/~blum/c343wks/SVG_Arc_Heart.html
www1.lasalle.edu/~blum/c343wks/SVG_Yin_Yang.html
www1.lasalle.edu/~blum/c343wks/SVG_Pear_3.html
www1.lasalle.edu/~blum/c343wks/Vasarely_Symphony.html
amazing
www1.lasalle.edu/~blum/c343wks/Vasarely_CTA3C.html
www1.lasalle.edu/~blum/c343wks/Vasarely_Pavo.html
www1.lasalle.edu/~blum/c343wks/Vasarely_Gamma.html
www1.lasalle.edu/~blum/c343wks/Vasarely_Beta.html
Thank you sir
www1.lasalle.edu/~blum/c343wks/Vasarely_Vonal.html
www1.lasalle.edu/~blum/c343wks/JuneTeenthFlag.html
www1.lasalle.edu/~blum/c343wks/SVG_star.html
www1.lasalle.edu/~blum/c343wks/SVG_flag.html
www1.lasalle.edu/~blum/c343wks/SVG_star_2.html
www1.lasalle.edu/~blum/c343wks/Vasarely_CTA2.html
www1.lasalle.edu/~blum/c343wks/Vasarely_Capella.html
www1.lasalle.edu/~blum/c343wks/Vasarely_Boglar.html
www1.lasalle.edu/~blum/c343wks/Vasarely_Procion.html
www1.lasalle.edu/~blum/c343wks/Vasarely_Vega.html
Thanks!
Nice! I knew you could do that in Postscript, but not in JavaScript. I hope you don't mind, but I modified your doc to just do the odd digits. Thanks!
Glad to hear you made it your own.
www1.lasalle.edu/~blum/c343wks/VV_Tuz.html
www1.lasalle.edu/~blum/c343wks/Holbein_Ambassadors_Rotate.html
www1.lasalle.edu/~blum/c343wks/JasperJohns_0_through_9.html
www1.lasalle.edu/~blum/c152wks/Alkali_pValue.xlsx
www1.lasalle.edu/~blum/c152wks/Linest_Demo.xlsx
www1.lasalle.edu/~blum/c152wks/StudentT.pdf
www1.lasalle.edu/~blum/c152wks/zscore.pdf
www1.lasalle.edu/~blum/c152wks/Die_Chi.pdf
www1.lasalle.edu/~blum/c152wks/DieSimulation.pdf
www1.lasalle.edu/~blum/c152wks/ChiSquared.pdf
www1.lasalle.edu/~blum/c152wks/HistogramCompare.pdf
Pretty cool !
i am getting error message stating this : Usage: flask run [OPTIONS] Try 'flask run --help' for help.
Hard to say. Did everything work up until using "flask run"? Do you have a virtual environment? Is it activated? Did the flask installation work? Is your hello.py file located in the virtual environment? Is your terminal location the same as the virtual environment (venv) location? The following link offers some suggestions and alternatives www.twilio.com/en-us/blog/how-run-flask-application I have seen flask app's started in VS Code by starting with Run and Debug on the left-hand side of Code and then choosing flask from the drop-down and hitting Enter on the keyboard. Good luck.
@@thomasblum9803 thanks for the immediate response sir, I just created the fie in Scripts instead of creating it in venv ! great simple tutorial sir. Thank you !
www1.lasalle.edu/~blum/c343wks/GoogleChart_Kepler.html
www1.lasalle.edu/~blum/c343wks/SVG_bridget_riley_disturbance.html
www1.lasalle.edu/~blum/c343wks/SVG_pentagon.html
Thank you