MathML- Derivatives

Written by @m_k_amin 30 May 2013

Derivatives are shown with special characters in mathematics. A single or multi-primes, Del symbol and etc. have their own meanings to the mathematicians. So when you deal with them, it is important to handle them efficiently. This snippet illustrates different kinds of derivatives with HTML5 MathML5. With these simple and complex examples you should find what you need for your own formula.

Code Snippet:

                                                
                                                <!-- this script is provided by www.html5freecode.com coded by: Kerixa Inc. -->
<!-- This Script is from www.html5freecode.com, Coded by: Kerixa Inc-->
<script type="text/javascript"
          src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<body style="font-size: 16pt;">

<math xmlns='http://www.w3.org/1998/Math/MathML' display='block'>
	<msup>
		<mi>f</mi>
		<mo>&prime;</mo>
	</msup>
	<mfenced separators=' '>
		<mi>x</mi>
	</mfenced>
	<mi>=</mi>
	<mfrac>
		<mrow>
			<mo>d</mo>
			<mi>f</mi>
		</mrow>
		<mrow>
			<mo>d</mo>
			<mi>x</mi>
		</mrow>
	</mfrac>
	
	<mspace width="50px"/>

	<msup>
		<mo>&Del;</mo>
		<mn>2</mn>
	</msup>	
	<mi>f</mi>
	<mfenced separators=' '>
		<mi>x</mi>
	</mfenced>
	<mi>=</mi>
	<mfrac>
		<mrow>
			<msup>
				<mrow>
					<mo>&part;</mo>
					<mspace width="2px"/>
				</mrow>
				<mn>2</mn>
			</msup>
			<mi>f</mi>
		</mrow>
		<mrow>
			<mo>&part;</mo>
			<mspace width="5px"/>
			<msup>
				<mi mathvariant="bold">x</mi>
				<mn>2</mn>
			</msup>
		</mrow>
	</mfrac>
	
</math>

<math xmlns='http://www.w3.org/1998/Math/MathML' display='block'>
	<mspace height="70px"/>
	<msup>
		<mi>h</mi>
		<mo>&tprime;</mo>
	</msup>
	<mfenced separators=' '>
		<mi>&Psi;</mi>
		<mfenced separators=' '>
			<mi>x</mi>
		</mfenced>
	</mfenced>
	<mo>=</mo>
	<mfrac>
		<mrow>
			<msup>
				<mrow>
					<mo>&part;</mo>
					<mspace width="2px"/>
				</mrow>
				<mn>3</mn>
			</msup>
		</mrow>
		<mrow>
			<mo>&part;</mo>
			<mspace width="5px"/>
			<msup>
				<mi>x</mi>
				<mn>3</mn>
			</msup>
		</mrow>
	</mfrac>
	<mfenced separators=' '>
		<mfrac>
			<mrow>
				<mo>sin</mo>
				<mfenced>
					<mi>x</mi>
				</mfenced>
				<mo>+</mo>
				<mn>4</mn>
				<msup>
					<mi>x</mi>
					<mn>3</mn>
				</msup>
			</mrow>
			<mrow>
				<mo>cos</mo>
				<mfenced>
					<msup>
						<mi>x</mi>
						<mn>3</mn>
					</msup>
				</mfenced>
				<mo>-</mo>
				<mn>4</mn>
				<mi>x</mi>
			</mrow>
		</mfrac>
	</mfenced>
</math>
</body>
<div style="text-align: center"><font face="Tahoma"><br><a target="_blank" href="http://www.html5freecode.com"><span style="font-size: 8pt; text-decoration: none">HTML5 Free Code</span></a></font></div><a target='_blank' href='www.html5freecode.com' style='font-size: 8pt; text-decoration: none'>Html5 Free Codes</a>                                                
                                            

Example:


About @m_k_amin

This user is pending a biography.

M

Comments


Here you can leave us commments. Let us know what you think about this code tutorial!

0 / 300

TRENDING POST
1
2
3
4
5
VISITORS
Online Users: 12
Recent Members: FOTPU
advertisement 2