Functions with Summation

<script src='https://d3js.org/d3.v6.min.js'></script> was added in the page head.

xxxxxxxxxx

 

1

%%html

2

<style>

3

@import 'https://fonts.googleapis.com/css?family=Orbitron|Akronim';

4

#d3ch1 {background:whitesmoke;}

5

#d3ch1 text {fill:#3636ff; font-size:110%; font-family:Orbitron} 

6

.grid line,.grid path {stroke:#3636ff; stroke-opacity:.5; 

7

                       shape-rendering:crispEdges;}

8

</style>

9

<svg id='d3ch1'/><script>

10

var m=30,x1=0,x2=4,y1=-100,y2=100;

11

var margin={top:m,right:m,bottom:m,left:m},

12

    width=600-margin.left-margin.right,

13

    height=600-margin.top-margin.bottom; 

14

function make_x_gridlines(){

15

    return d3.axisBottom(xScale).ticks(11).tickFormat('')};

16

function make_y_gridlines(){

17

    return d3.axisLeft(yScale).ticks(10).tickFormat('')}; 

18

var xScale=d3.scaleLinear().domain([x1,x2]).range([0,width]),

19

    yScale=d3.scaleLinear().domain([y1,y2]).range([height,0]);

20

var ttr1='translate('+margin.left+','+margin.top+')',

21

    ttr2='translate(0,'+height+')';

22

var svg=d3.select('#d3ch1')

23

          .attr('width',width+margin.left+margin.right)

24

          .attr('height',height+margin.top+margin.bottom)

25

          .append('g').attr('transform',ttr1);

26

svg.append('g').attr('class','x axis')

27

               .call(d3.axisBottom(xScale).tickSize(.5))

28

               .attr('transform',ttr2); 

29

svg.append('g').attr('class','y axis')

30

               .call(d3.axisLeft(yScale).tickSize(.5));    

31

svg.append('g').attr('class','grid').attr('transform',ttr2)

32

               .call(make_x_gridlines().tickSize(-height));

33

svg.append('g').attr('class','grid')

34

               .call(make_y_gridlines().tickSize(-width));

35

function sumfunction(n,x) {

36

  var funsum=0;

37

  for (var i=1; i<n+1; i++) {

38

      funsum+=Math.sqrt(Math.pow(Math.E,-i*x)+

39

           Math.pow(x,i-1))/(Math.cos(i*x)+Math.sin(i*x));};

40

  return funsum*Math.log(n*x-1)};

41

var xy=Array(400).fill(50).map((r,x)=>

42

       ({'x':.0075*(x+r),'y':sumfunction(3,.0075*(x+r))}));

43

svg.selectAll('circle').data(xy).enter()

44

    .append('circle').attr('r',3)

45

    .attr('cx',d=>xScale(d.x)).attr('cy',d=>yScale(d.y))

46

    .attr('fill','#3636ff').attr('stroke','#fff');

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages